cari

Rumah  >  Soal Jawab  >  teks badan

javascript - Bagaimana untuk meningkatkan atau mengurangkan pilihan pengundian secara dinamik dalam vue.js?

Pada masa lalu, dalam jquery, DOM pilihan undian ditulis secara manual ke dalam rentetan, dan kemudian apabila butang "Tambah item" diklik, kaedah tambah digunakan untuk menambahkan DOM. Bolehkah saya bertanya bagaimana untuk melaksanakan fungsi ini dalam vue.js?

某草草某草草2805 hari yang lalu789

membalas semua(1)saya akan balas

  • 滿天的星座

    滿天的星座2017-05-19 10:35:35

    Anda boleh membaca lebih banyak dokumentasi rasmi Vue dan memahami konsep pengikatan data secara mendalam Mari kita terus ke contoh: 

    <!DOCTYPE html>
<html>
<head>
    <title>Welcome to Vue</title>
    <meta charset="utf-8">
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
    <p id="app">
        <p>投票</p>
        <template v-for="(item, index) in options">
            <input type="radio" name="vote" :value="item" v-model="vote">
            <label for="vote">选项{{ index }}</label>
        </template>
        <p>
            <button @click="newOption">增加选项</button>
        </p>
    </p>

    <script>
        new Vue({
            el: '#app',
            data: {
                options: [
                    '1',
                    '2'
                ],
                vote: '1'
            },
            methods: {
                newOption() {
                    this.options.push(this.options.length.toString());
                }
            }
        })
    </script>
</body>
</html>

    balas
    0
  • Batalbalas