Heim > Web-Frontend > View.js > So fügen Sie Variablen in VueJS ein

So fügen Sie Variablen in VueJS ein

藏色散人
Freigeben: 2021-10-27 14:39:21
Original
2970 Leute haben es durchsucht

So fügen Sie variable Parameter in vuejs ein: 1. Öffnen Sie den entsprechenden js-Code 2. Über „

  • So fügen Sie Variablen in VueJS ein

    Die Betriebsumgebung dieses Artikels: Windows 7-System, Vue Version 2.9.6, Dell G3-Computer.

    Wie füge ich Variablen in VueJS ein?

    vue.js fügt variable Parameter in die Tag-Attribute ein:

    HTML-Tag-Attribute wie ID, Klasse, Href müssen Parameter dynamisch übertragen und Zeichenfolgen verbinden. Nach Überprüfung einiger Informationen habe ich keine geeigneten gefunden Lösung. Nachdem ich den ganzen Morgen darüber nachgedacht hatte, habe ich endlich die Methode ausprobiert:

    So fügen Sie Variablen in VueJS ein

    v-bind: attribute = "'string' + benutzerdefinierter Variablenname" und es war kein Problem Das Bedürfnis kann daraus lernen!

    Abschließend müssen Sie beachten, dass das Attribut „:attribute=" sein muss. Dieses Formular wird funktionieren

        <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="So fügen Sie Variablen in VueJS ein" >
                                        <a href="#"></a>
                                    </div>
                                </li>
           </ul>
    Nach dem Login kopieren

    Empfohlen: „Die neuesten 5 vue.js-Video-Tutorial-Auswahlen"

    Das obige ist der detaillierte Inhalt vonSo fügen Sie Variablen in VueJS ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

    Verwandte Etiketten:
    Quelle:php.cn
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage