cari

Rumah  >  Soal Jawab  >  teks badan

javascript - Perihal vue2 yang mencetuskan peristiwa klik

Sekarang saya mempunyai beberapa li terikat pada acara klik @click="a()" dan id setiap li adalah berbeza Sekarang saya mahu mencetuskan acara @klik li dengan id tertentu apabila memasuki halaman untuk menulis .click() menggunakan jQuery tidak mempunyai kesan
Sebagai contoh
Sebagai contoh, ID li ialah 1 2 3 4 5 masing-masing saya ingin memasuki halaman dan mencetuskan acara @click li dengan ID 5. Ia juga boleh diselesaikan menggunakan jQuery

为情所困为情所困2772 hari yang lalu543

membalas semua(4)saya akan balas

  • PHP中文网

    PHP中文网2017-05-18 10:54:52

    @click="klik ($indeks)"

    balas
    0
  • PHP中文网

    PHP中文网2017-05-18 10:54:52

    <!DOCTYPE html>
    <html lang="ms">
    <head>

    <meta charset="UTF-8" />
<title>Document</title>

    </kepala>
    <badan>

    <p id="app">

    <ul>

        <li @click="add1()"></li>
    <li @click="add2()"></li>
    <li @click="add3()"></li>
    <li @click="add4()"></li>
    <li @click="add5()"></li>
</ul>
</p>

<script src="https://cdn.bootcss.com/vue/2.3.3/vue.js"></script>
<script>
   var vm=new Vue({
        el:"#app",
        methods:{
            add1(){
                alert(1);
            }
        }
    });
    window.onload=function(){
         vm.add1();
    };
</script>

    </body>
    </html>

    是这个意思？

    balas
    0
  • 高洛峰

    高洛峰2017-05-18 10:54:52

    Pencetus dom ini dipasang terus di dalam

    balas
    0
  • 巴扎黑

    巴扎黑2017-05-18 10:54:52

    <template>
    <ul>
        <li v-for="item in list" @click="handleClick(item.id)"></li>
    </ul
</template>

<script>
    export default {
        data() {
            return {
                list: [{id:1}, {id: 2}, {id: 3}, {id: 4}, {id: 5}]
            }
        },
        
        mounted() {
            this.handleClick(5)
        },
        
        methods: {
            handleClick(id) {
                // 执行操作
            }
        }
    }
</script>

    balas
    0
  • Batalbalas