javascript - 关于vue2触发点击事件

问题描述

问 题

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

解决方案

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

这篇关于javascript - 关于vue2触发点击事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！