vue中怎么触发复选框的点击事件(vue点击弹窗自动触发点击事件的解决办法模拟场景)
类别:编程学习 浏览量:2154
时间:2022-01-24 00:49:49 vue中怎么触发复选框的点击事件
vue点击弹窗自动触发点击事件的解决办法模拟场景业务场景:使用vue +element ui 的el-dialog,点击弹窗之后,默认加载第一个按钮的数据进行初始化。
li
指令:
// 自动触发点击事件 directives:{ trigger:{ inserted(el,binging){ // console.log("自动触发事件") el.click() } } },
PS:下面看下vue 自动触发点击事件
需要,点击左边的列表出详情,但是都需要点击事件,页面进来时,默认触发点击事件
方法一,vue自定义指令
directives:{ trigger:{ inserted(el, binging){ console.log(el.id) el.id == 'nav0' ? el.click() : null // 只点击第一个,id是在循环中手动添加的 // $(el).trigger('click') // 所有都触发一次,然后就是最后一个 } } },
用法:
<span class="nav-item" :id="'nav' + index" v-trigger :class="{'active': item.stage == activeId}" @click="navClick(item)" v-for="(item, index) in nav" :key="item.stage">{{item.stage_name}}</span>
以上就是vue点击弹窗自动触发点击事件的解决办法(模拟场景)的详细内容,更多关于vue自动触发点击事件的资料请关注开心学习网其它相关文章!
您可能感兴趣
- vuecli配置环境变量(Vue CLI中模式与环境变量的深入详解)
- vue中的watch属性(vue Watch和Computed的使用总结)
- vue切换图片效果(Vue.js实现图片切换功能)
- vue移动端项目用什么打包工具(浅谈使用Vue完成移动端apk项目)
- vue怎么引入axios(如何用vue封装axios请求)
- vue做个人页面(vue简易记事本开发详解)
- vue如何加速(vue函数防抖与节流的正确使用方法)
- vue实现商品详情讲解(京东 Vue3 组件库支持小程序开发的详细流程)
- vue如何检查数组变化(Vue2中无法检测到数组变动的原因及解决)
- vue控制div滚动条(vue3实现CSS无限无缝滚动效果)
- vue3.0怎么往标签填数据(Vue3.0写自定义指令的简单步骤记录)
- spring boot docker部署(docker部署springboot和vue项目的实现步骤)
- vue表单上传图片数据(vue-cropper插件实现图片截取上传组件封装)
- vue导出动态的excel功能(vue中如何下载excel流文件及设置下载文件名)
- vue接收网络请求数据类型配置(vue中对接Graphql接口的实现示例)
- vue十大基础知识(vue实战中的一些实用小魔法汇总)
- 天空是什么颜色(天空是什么颜色的英语)
- 高马尾扎发(高马尾扎发教程视频)
- 这里输入关键词(请手动输入关键词)
- 小说 顾瑾岚拿出一套飞行棋,别说你连飞行棋都不会哦(顾瑾岚拿出一套飞行棋)
- 金品公司 界界乐中秋限定飞行棋礼盒 露营藤篮礼盒全新上市(界界乐中秋限定飞行棋礼盒)
- 必看 8月,相比七夕,更需要注意的是这些事(必看8月相比七夕)
热门推荐
- php中钩子的理解与实例教程(php中钩子hook的原理与简单应用demo示例)
- docker重启报错(Docker启动为Exited状态)
- python excel 合并表格(Python实现合并excel表格的方法分析)
- dedecms不生成文档(dedecms批量替换文章中超链接的方法)
- python3.5 tkinter教程(解决python3.5 正常安装 却不能直接使用Tkinter包的问题)
- web服务器配置怎么选才是合适的呢(个人web服务器要用哪种服务器比较好?)
- docker停止删除所有容器方法(Docker stop停止/remove删除所有容器)
- label标签的作用
- python中的多线程详解(python多线程抽象编程模型详解)
- docker网络有哪些模式(Docker网络原理及自定义网络详细解析)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9