vue的自动触发点击button,vue手动触发click事件

　　本文主要介绍Vue如何实现自动触发功能，具有很好的参考价值。希望对你有帮助。如有错误或不足之处，请不吝赐教。

目录

　　实现自动触发功能。自定义指令实现自动点击事件。1.如果没有v-for循环。2.如果存在v-for循环

实现自动触发功能

　　今天在项目中遇到一个问题，就是在页面加载的时候，想让某个元素通过点击事件添加一个样式。我试过jQuery的触发器方法，但是没用。所以只能手动添加，所以先实现了功能。晚上回来，没事干，正好听到视频里老师讲解自定义指令的属性，就试了一下。

　　button @click=toggle v型触发器按钮/button

　　指令：{

　　触发器：{

　　插入(el，binging){

　　el.click()

　　//$(el)。触发器(“点击”)

　　}

　　}

　　}

　　当页面加载时，click事件被执行！

自定义指令实现自动点击事件

　　Vue实现了自动点击事件，一进入页面就发生了点击事件。

　　这里我们用的是vue的自定义指令指令，具体用法可以移到vue文档里。

1.若是没有v-for循环

　　然后直接把指令自定义指令。

　　模板

　　class= clickdown @ click= my click() v-clickdown自动单击/div

　　/模板

　　导出默认值{

　　指令：{

　　点击向下：{

　　已插入(el) {

　　el.click()

　　}

　　}

　　}

　　}

2.若是有v-for循环

　　如果需要自动点击第一个索引，就需要绑定。

　　模板

　　 class= clickdown @ click= my click() v-for=(item，index)in list :key= index v-clickdown= index 自动单击索引中的第一个/div。

　　/模板

　　导出默认值{

　　指令：{

　　点击向下：{

　　已插入(el，binding，index) {

　　if(binding.value===0){

　　el.click()

　　}

　　}

　　}

　　}

　　}

　　好吧，太好了！

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。