Maison > interface Web > js tutoriel > le corps du texte

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

php中世界最好的语言
Libérer: 2018-03-28 17:00:36
original
1798 Les gens l'ont consulté

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>
Copier après la connexion

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!

É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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!