veui1.0的—tabs没有点击change事件

问题:

老旧项目使用tabs组件切换时,弹出弹窗,也就是改变一个flag值,但是veui1.0的官方文档中没有任何关于click和change的api事件,无法直接了当的改变弹窗显隐值flag

失败的解决方案:

  1. click&change,分别在tabs和tab上都实验过了
  2. watch:在tabs上使用v-model绑定值activeTab,监听activeTab变化,activeTab没有值
  3. tabs上有
html 复制代码
 <veui-tabs  :index.sync="index">

可以看到当前tab的index,使用mounted和update生命周期的钩子函数判断index值,结果是能改变flag,但是每次组件更新时,updated 钩子都会运行,这会使得 flag 状态被不断重置,无法修改

成功的方案:

  1. 使用 computed 计算属性,计算当前index值是否等于1,返回true或false,监听这个值来赋给弹窗的flag
javascript 复制代码
computed: {
  isFinanTabActive() {
    return this.index === 1;
  }
},
watch: {
  isFinanTabActive(newValue) {
    this.flag = newValue;
  }
}
相关推荐
kyriewen9 分钟前
前端错误监控最全指南:捕获 JS 异常、Promise 拒绝、资源加载失败,附上报代码
前端·javascript·监控
狗哥哥21 分钟前
船队运营可视化技术方案
前端
大家的林语冰24 分钟前
ESLint 近期动态大全,新版本正式发布,antfu 大佬推荐的插件也更新了!
前端·javascript·前端工程化
只会cv的前端攻城狮25 分钟前
DSL 领域模型架构设计:消灭 CRUD 重复工作
前端·架构
码事漫谈1 小时前
时序数据库2026盘点:国产数据库如何以“融合多模”走出差异化之路?
前端·后端
道友可好1 小时前
让 AI 自己验收,等于让学生自己批卷
前端·人工智能·后端
yingyima1 小时前
Go 语言正则表达式速查手册:30 分钟掌握核心语法与实战技巧
前端
大蝴蝶博努奇a2 小时前
使用ChatGPT 解决各类代码报错
前端
胡志辉2 小时前
深入浅出 call、apply、bind
前端·javascript·后端
iccb10132 小时前
5年,一个程序员是如何把私有化在线客服系统做到第一名的
前端·后端·github