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自动触发点击事件的资料请关注开心学习网其它相关文章!
您可能感兴趣
- vue3封装table组件(Vue封装通用table组件的完整步骤记录)
- vue3.0路线图(Vue3.0 自己实现放大镜效果案例讲解)
- vue怎么编写规则(vue使用节流函数的踩坑实例指南)
- vue 优雅写法(使用vue实现手写签名功能)
- vue弹窗模板(Vue登录页面的动态粒子背景插件实现)
- vue三种判断条件(Vue中插槽和过滤器的深入讲解)
- vue3和vue2(Vue3对比Vue2的优点总结)
- vue使用echarts教程(Vue使用echarts可视化组件的方法)
- vue实现一个炫酷的日历组件(vue利用Moment插件格式化时间的实例代码)
- vue身份验证(详解vue身份认证管理和租户管理)
- vueelementui组件生成页面(Vue Element前端应用开发之树列表组件)
- vue 组件布局(Vue实现固定底部组件的示例)
- vue过滤器使用思路(vue 过滤器和自定义指令的使用)
- vue请求token无效(关于Vue 消除Token过期时刷新页面的重复提示问题)
- vue3.0 自定义组件(Vue 3.0自定义指令的使用入门)
- vue和springboot实战项目(vue+spring boot实现校验码功能)
- 是不是快乐全被你拿走了(而是你得到的)
- 世界上只有妈妈好(世界上只有妈妈好的歌词)
- 为什么现在社会越来越卷了(现在社会为什么发展那么快呢)
- 直播带货能赚到很多钱吗(直播带货能赚到很多钱吗现在)
- 做网红真的很能赚钱吗(做网红真的很能赚钱吗)
- 10句英语常用(英语常用900句)
热门推荐
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9