简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Maison
Article
Questions et réponses
Cours
Sujet
Télécharger
Jeu
Dictionnaire
mises à jour récentes

Maison  >  Questions et réponses  >  le corps du texte

javascript - À propos du déclenchement de l'événement Click par Vue2

Maintenant, j'ai des li qui sont liés à l'événement click @click="a()" et l'identifiant de chaque li est différent. Maintenant, je veux déclencher l'événement @click du li avec un certain identifiant lors de l'entrée dans la page. .Comment écrire .click() en utilisant jQuery n'a aucun effet
Par exemple
Par exemple, les identifiants de li sont respectivement 1 2 3 4 5. Je veux accéder à la page et déclencher l'événement @click de li avec l'ID 5. . Cela peut également être résolu en utilisant jQuery

.
为情所困为情所困2711 Il y a quelques jours473

répondre à tous(4)je répondrai

  • PHP中文网

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

    @click="clic ($index)"

    répondre
    0
  • PHP中文网

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

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

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

    </tête>
    <corps>

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

    是这个意思？

    répondre
    0
  • 高洛峰

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

    Le déclencheur de ce dom est monté directement à l'intérieur

    répondre
    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>

    répondre
    0
  • Annulerrépondre