在一些场景中我们希望一些事件可以主动触发，可以采用$refs.XXX.$el.click()函数来主动触发。
第一步，给需要主动触发的组件添加ref属性。
第二步，调用$refs.XXX.$el.click()函数，例如（comp_chose是第一步设置的ref的值）
choseComp(){
//console.log(this.$refs.comp_chose)
this.$refs.comp_chose.$el.click();
},最后调用成功
VUE自动触发click()点击事件
转载请注明出处或者链接地址：https://www.qianduange.cn//article/9463.html
相关文章
-
运行npm error code ENOENTnpm error syscall opennpm error path C:\Users\ultra\Desktop\Vue-Project\pac
-
前端提高篇（102）：jQuery高级方法callbacks、deferred
-
vue前端页面弹出红色报错遮罩层 Uncaught runtime errors:at handleError (webpack-internal:///./node_modules/webpack
-
html 无序标签有序标签及表单
-
CSS3新增属性(15个案例 代码 效果图 素材)
-
基于CSS3媒体查询的响应式旅游网站设计与实现-计算机毕设 附源码 12755
-
vue3中getCurrentInstance不推荐使用以及在＜script setup＞中获取全局内容(三种方式)
-
vue选项式和组合式区别
-
每天10个vue面试题(七)
-
Vue 2 中的 `$set` 方法详解
发布的文章
运行npm error code ENOENTnpm error syscall opennpm error path C:\Users\ultra\Desktop\Vue-Project\pac
2024-08-27 09:08:17
前端提高篇（102）：jQuery高级方法callbacks、deferred
2024-05-09 11:05:34
解决npm install 报错 “npm err code 1“
2024-06-06 10:06:47
【常见错误】npm ERR! code CERT_HAS_EXPIRED & errno CERT_HAS_EXPIRED
2024-04-22 09:04:34
vue前端页面弹出红色报错遮罩层 Uncaught runtime errors:at handleError (webpack-internal:///./node_modules/webpack
2024-03-29 15:03:20
npm ERR! code CERT_HAS_EXPIRED npm ERR! errno CERT_HAS_EXPIRED npm ERR! request to https://registry.
2024-04-20 17:04:38
JQuery中的load()、$
2024-05-10 08:05:15
《WEB前端框架开发技术》HTML5响应式旅游景区网站——榆林子州HTML CSS JavaScript (1)
2024-10-30 21:10:12
大家推荐的文章