Maison  >  Article  >  interface Web  >  Comment insérer des paramètres variables dans les attributs de balise dans vue.js

Comment insérer des paramètres variables dans les attributs de balise dans vue.js

php中世界最好的语言
php中世界最好的语言original
2018-03-28 17:00:361798parcourir

Cette fois, je vais vous montrer comment vue.js insère des paramètres variables dans l'attribut tag Quelles sont les précautions pour insérer des paramètres variables dans l'attribut tag dans vue.js, comme suit C'est un cas pratique, jetons-y un coup d'œil.

Les attributs de la balise HTML, tels que l'identifiant, la classe, le href, doivent transmettre dynamiquement des paramètres et épisser la chaîne. J'ai vérifié certaines informations et je n'ai pas trouvé de solution appropriée. . Après avoir réfléchi à la méthode toute la matinée, j'ai finalement essayé la méthode :

v-bind:attribut = " 'string' + self-define variable nom ", je l'ai essayé moi-même et ce n'était pas un problème. Les amis dans le besoin peuvent en tirer des leçons !

Enfin, veuillez noter que l'attribut doit être ":attribut="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>

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment résoudre l'erreur de fichier après la compression AngularJS

Comment utiliser axios pour plusieurs domaines dans vue Traitement

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!

Déclaration:
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