mint-ui怎么变化Tabbar的图标路径呢?

小宇
  • 423

如题,本来想绑定click事件的,但没用,请问大佬你们是怎么改图片路径的呢?computed吗,不知道咋么写啊。。

图片描述

回复
阅读 4.7k
2 个回答
✓ 已被采纳

考虑给item增加active状态属性来达到效果
1 首先检查组件item是否有改变组件状态的事件,有的话用自带的事件,没有的话使用@click="changeState(item)"来改变active属性的值
2 其次,修改tabs的数据结构,为每条数据增加一个active键值对 默认false
同时为激活状态添加一条tab_img_active:require('xxxxx')
3 methods新增一个方法,假定命名为changeState

changeState(item){
    item.active?item.active=false:item.active=true;
}

4 修改src赋值语句

:src="item.active?item.tab_img_active:tab_img"
黑衣剑士
  • 1
新手上路,请多包涵
<img slot="icon" :src="selected==item.id?item.selected_tab_img:item.tab_img"> {{item.name}}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏