Maison > interface Web > Voir.js > Comment insérer des variables dans vuejs

Comment insérer des variables dans vuejs

藏色散人
Libérer: 2021-10-27 14:39:21
original
2986 Les gens l'ont consulté

Comment insérer des paramètres variables dans vuejs : 1. Ouvrez le code js correspondant 2. Via "

  • Comment insérer des variables dans vuejs

    L'environnement d'exploitation de cet article : système Windows 7, Vue version 2.9.6, ordinateur Dell G3.

    Comment insérer des variables dans vuejs ?

    vue.js insère des paramètres variables dans les attributs de la balise :

    Les attributs de la balise HTML, tels que id, class, href, doivent transférer dynamiquement les paramètres et épisser les chaînes. Après avoir vérifié certaines informations, je n'ai pas trouvé de paramètre approprié. solution. Méthode, après y avoir réfléchi toute la matinée, j'ai finalement essayé la méthode :

    Comment insérer des variables dans vuejs

    v-bind : attribut = "'string' + custom variable name". le besoin peut en tirer des leçons !

    Enfin, vous devez noter que l'attribut doit être ":attribute=". Ce formulaire fonctionnera

        <ul class="menu" v-for="(item,index) in 4">
                                <li :class="{&#39;selected&#39;:index===clickIndex}" @click="selected(index)">
                                    <div>
                                        <h3>{{item}}点位标签</h3>
                                        <span style="margin: 15px 0px;">附近的资产:3个(2个未完成修订)</span><br />
                                        <img  :src="&#39;img/&#39;+(item+nameIndex)+&#39;.jpg&#39;" / alt="Comment insérer des variables dans vuejs" >
                                        <a href="#"></a>
                                    </div>
                                </li>
           </ul>
    Copier après la connexion

    Recommandé : "Les 5 dernières sélections de didacticiels vidéo vue.js"

    Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

    Étiquettes associées:
    source:php.cn
    Déclaration de ce site Web
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
    Tutoriels populaires
    Plus>
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal