Informationen zur Methode zum Einfügen variabler Parameter in vue.js-Tag-Attribute (ausführliches Tutorial)

In diesem Artikel wird hauptsächlich die Methode von vue.js zum Einfügen variabler Parameter in Tag-Attribute vorgestellt. Sie ist sehr gut und hat einen Referenzwert, der auf die Attribute von

HTML-Tags verweisen kann id, class und href müssen Parameter dynamisch übergeben und Zeichenfolgen verbinden. Nachdem ich einige Informationen überprüft hatte, fand ich keine geeignete Lösung. Nachdem ich einen ganzen Morgen lang nachgedacht hatte, versuchte ich es schließlich mit der Methode:

v-bind: Attribute = "'string'+custom variable name", ich habe es selbst ausprobiert und es hat gut funktioniert, Freunde in Not können davon lernen!

Abschließend ist zu beachten, dass das Attribut ":attribute="Dieses Formular wird funktionieren

 <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>

Das Obige habe ich hoffentlich für alle zusammengestellt Es wird Ihnen in Zukunft hilfreich sein.

Verwandte Artikel:

vue2.0 berechnetes Beispiel für die Berechnung des akkumulierten Werts nach einer Listenschleife

Verwendung von v-for Traversal in Vue Zweidimensionale Array-Methode

Beispiel zur Datengruppierung von v-for in Vue

Das obige ist der detaillierte Inhalt vonInformationen zur Methode zum Einfügen variabler Parameter in vue.js-Tag-Attribute (ausführliches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!