关于vue2触发点击事件

现在我有个一些li 都绑定了@click="a()"这个点击事件然后每个li的id是不一样的现在我想进页面就触发某个id的li的@click事件求问怎么写用jQuery的.click()没有效果
例如
比如li的id分别是1 2 3 4 5 我想进页面就触发id是5的li的@click事件使用jQuery能解决也可以

vue.js javascript

阅读 21.7k

4 个回答

得票最新

Andrea

1.4k41019

发布于
2017-05-16

✓ 已被采纳

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

吃蛋白的外切酶

1042

发布于
2017-05-16

@click="click ($index)"

郑攀

2325

发布于
2017-05-16

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

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

</head>
<body>

<div id="app">

<ul>

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

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

是这个意思？