简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - Perihal vue2 yang mencetuskan peristiwa klik
为情所困
为情所困 2017-05-18 10:52:52
0
4
476

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

为情所困
为情所困

membalas semua(4)
洪涛
洪涛2017-05-18 10:54:52 Tingkat 4

@click="klik ($indeks)"

Suka +0
Tambah Balasan
Ty80
Ty802017-05-18 10:54:52 Tingkat 3

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

是这个意思？

Suka +0
Tambah Balasan
小葫芦
小葫芦2017-05-18 10:54:52 Tingkat 2

Pencetus dom ini dipasang terus di dalam

Suka +0
Tambah Balasan
巴扎黑
巴扎黑2017-05-18 10:54:52 Tingkat 1 
<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>
Suka +0
Tambah Balasan
Topik popular
Lagi>
Artikel popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！