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自动触发点击事件的资料请关注开心学习网其它相关文章!
您可能感兴趣
- vueclass和style绑定(Vue中Class和Style实现v-bind绑定的几种用法)
- vue文件上传进度处理(Vue 大文件上传和断点续传的实现)
- spring boot docker部署(docker部署springboot和vue项目的实现步骤)
- vue element 权限管理(Vue Element前端应用开发之功能点管理及权限控制)
- icon图标怎么引入vue(vue引入iconfont图标库的优雅实战记录)
- vue子视图里再加routerview(vue router-view的嵌套显示实现)
- vue请求token无效(关于Vue 消除Token过期时刷新页面的重复提示问题)
- vue中的mapgetter优势(vuex 中辅助函数mapGetters的基本用法详解)
- vue 选中背景高亮(vue 如何设置背景颜色及透明度)
- vueweb端聊天(Vue实现聊天界面)
- vue左侧边栏的制作(Vue+Vant实现顶部搜索栏)
- vue怎么实现输入框(vue车牌输入组件使用方法详解)
- vue项目部署到服务器的nginx(Nginx部署vue项目和配置代理的问题解析)
- vue应用转flutter(Vue和Flask通信的实现)
- vuekeep-alive源码(vue中keepAlive组件的作用和使用方法详解)
- vue左右联动列表(vue+iview的菜单与页签的联动方式)
- 翼龙贷组织出借人调研 感受鄱阳 借 来的致富路(翼龙贷组织出借人调研)
- 2023新国风戏曲教育寒假集训班汇报演出《戏娃闹元宵》图文报道(2023新国风戏曲教育寒假集训班汇报演出戏娃闹元宵图文报道)
- 九儿《狐踪谍影》出演热血女特警,戏份杀青受关注(九儿狐踪谍影出演热血女特警)
- 红色代表什么(红色代表什么寓意)
- 蓝天代表什么(蓝天代表什么生肖)
- 今天要吃什么(今天要吃什么菜)
热门推荐
- javascript执行类的所有方法(Javascript中异步等待的深入理解)
- js 原生事件代理(如何利用原生JS实现触摸滑动监听事件)
- 怎么把csv文件导入mysql(mysql导入csv的4种报错的解决方法)
- wampserver开发环境介绍(WampServer下如何配置多域名)
- laravel后台管理(关于laravel后台模板laravel-admin select框的使用详解)
- phpstudy详细教程学习(phpstudy的php版本自由修改的方法)
- 服务异常处理方案(网站出现Service Unavailable提示怎么解决?)
- 织梦dedecms开启付费授权(织梦Dedecms设置伪静态详细方法)
- mongodb 分页查询
- 网站服务器分布(10个常见网站服务器架构介绍)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9