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

Question

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

Answer 1

考虑给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"

Answer 2

<img slot="icon" :src="selected==item.id?item.selected_tab_img:item.tab_img"> {{item.name}}