Heim  >  Fragen und Antworten  >  Hauptteil

javascript – Über vue2, das ein Klickereignis auslöst

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
为情所困为情所困2711 Tage vor477

Antworte allen(4)Ich werde antworten

  • PHP中文网

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

    @click="click ($index)"

    Antwort
    0
  • PHP中文网

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

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

    是这个意思?

    Antwort
    0
  • 高洛峰

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

    mounted里边直接这个dom的trigger

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

    Antwort
    0
  • StornierenAntwort