Rumah > hujung hadapan web > View.js > teks badan

Bagaimana untuk memasukkan pembolehubah dalam vuejs

藏色散人
Lepaskan: 2021-10-27 14:39:21
asal
2939 orang telah melayarinya

Cara untuk memasukkan parameter pembolehubah dalam vuejs: 1. Buka kod js yang sepadan 2. Melalui "

  • " kaedah untuk memasukkan parameter pembolehubah.
  • Bagaimana untuk memasukkan pembolehubah dalam vuejs

    Persekitaran pengendalian artikel ini: sistem Windows 7, versi Vue 2.9.6, komputer Dell G3.

    Bagaimana untuk memasukkan pembolehubah dalam vuejs?

    vue.js memasukkan parameter pembolehubah ke dalam atribut teg:

    Atribut teg HTML, seperti id, kelas, href, perlu lulus parameter dan sambatan secara dinamik mereka String, saya menyemak beberapa maklumat, tetapi tidak menemui penyelesaian yang sesuai Selepas memikirkannya sepanjang pagi, saya akhirnya mencuba kaedah:

    Bagaimana untuk memasukkan pembolehubah dalam vuejs

    v-bind: attribute =. " ' String 'Nama pembolehubah tersuai", saya mencubanya sendiri dan ia berfungsi dengan baik Rakan yang memerlukan boleh belajar daripadanya!

    Akhir sekali, anda perlu ambil perhatian bahawa atribut mestilah ":attribute=" Borang ini akan berfungsi

        <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="Bagaimana untuk memasukkan pembolehubah dalam vuejs" >
                                        <a href="#"></a>
                                    </div>
                                </li>
           </ul>
    Salin selepas log masuk

    Disyorkan: "Tutorial video 5 vue.js yang terkini. Pilih

    Atas ialah kandungan terperinci Bagaimana untuk memasukkan pembolehubah dalam vuejs. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

    Label berkaitan:
    sumber:php.cn
    Kenyataan Laman Web ini
    Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
    Tutorial Popular
    Lagi>
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan