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;
  }
}
相关推荐
SensorFlow1 分钟前
曝光埋点别放在组件渲染里:连续可见与去重范围怎么验收
javascript
harris14815435297581 分钟前
能解码不等于能信任:JWT 的签名到底验的是什么
javascript
liqingdi4372 分钟前
[SWPUCTF 2023 秋季新生赛]Easy SMC
服务器·前端·javascript
用户87359865635876 分钟前
为什么 greedy 也可能出不同 token,MoE 为什么更严重
前端
日耗10亿Token被老板赶出门6 分钟前
REA 火了:一个 Electron 按钮的调用链,它能追到哪一步?
javascript·electron
Gizzap_Tech7 分钟前
多语言官网如何兼顾统一与本地化?从页面生成到语言切换
前端
IT_陈寒9 分钟前
Java缓存踩坑记:明明设置了过期时间,怎么还是读到脏数据?
前端·人工智能·后端
靠coding维持生计的potato9 分钟前
使用 unified diff 为 pnpm 依赖编写可复现补丁
前端
Initialize-le32 分钟前
systemd 服务起不来?五步排查法
前端·chrome
OpenTiny社区36 分钟前
多会话 + 流式输出怎么落地?TinyRobot Kit 对话数据层深度解析
前端·vue.js