简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript – Über vue2, das ein Klickereignis auslöst
为情所困
为情所困 2017-05-18 10:52:52
0
4
474

Jetzt habe ich einige Lis an das Klickereignis @click="a()" gebunden und die ID jedes Lis ist unterschiedlich. Jetzt möchte ich das @click-Ereignis des Lis mit einer bestimmten ID auslösen, wenn ich die Seite betrete Das Schreiben von .click() mit jQuery hat keine Auswirkung
Zum Beispiel
Zum Beispiel sind die IDs von li jeweils 1 2 3 4 5. Ich möchte die Seite aufrufen und das @click-Ereignis von li mit der ID 5 auslösen kann auch mit jQuery

gelöst werden
为情所困
为情所困

Antworte allen(4)
洪涛
洪涛2017-05-18 10:54:52 4 Etage

@click="click ($index)"

Wie +0
Antwort hinzufügen
Ty80
Ty802017-05-18 10:54:52 3 Etage

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

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

</head>
<body>

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

是这个意思？

Wie +0
Antwort hinzufügen
小葫芦
小葫芦2017-05-18 10:54:52 2 Etage

mounted里边直接这个dom的trigger

Wie +0
Antwort hinzufügen
巴扎黑
巴扎黑2017-05-18 10:54:52 1 Etage 
<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>
Wie +0
Antwort hinzufügen
Beliebte Themen
Mehr>
Populäre Artikel
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！