Maison > interface Web > js tutoriel > À propos de la méthode d'insertion de paramètres variables dans les attributs de balise vue.js (tutoriel détaillé)

À propos de la méthode d'insertion de paramètres variables dans les attributs de balise vue.js (tutoriel détaillé)

亚连
Libérer: 2018-06-01 09:20:12
original
3268 Les gens l'ont consulté

Cet article présente principalement la méthode de vue.js pour insérer des paramètres variables dans les attributs des balises. Elle est très bonne et a une valeur de référence. Les amis dans le besoin peuvent se référer aux attributs des balises

html, telles que. id , class et href doivent transmettre dynamiquement des paramètres et épisser des chaînes. Après avoir vérifié certaines informations, je n'ai pas trouvé de solution appropriée. Après avoir réfléchi toute une matinée, j'ai finalement essayé la méthode :

.

v-bind : Attribute = "'string'+custom variable name", je l'ai essayé moi-même et cela a bien fonctionné, les amis dans le besoin peuvent en tirer des leçons !

Enfin, il convient de 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)">
                <p>
                  <h3>{{item}}点位标签</h3>
                  <span style="margin: 15px 0px;">附近的资产:3个(2个未完成修订)</span><br />
                  <img :src="&#39;img/&#39;+(item+nameIndex)+&#39;.jpg&#39;" />
                  <a href="#" rel="external nofollow" ></a>
                </p>
              </li>
    </ul>
Copier après la connexion

Ce qui précède est ce que j'ai compilé pour tout le monde. J'espère qu'à l'avenir, cela sera utile à tout le monde.

Articles connexes :

Exemple calculé vue2.0 de calcul de la valeur accumulée après la boucle de liste

Utiliser le parcours v-for dans vue Méthode de tableau bidimensionnel

Exemple de regroupement de données de v-for dans Vue

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