引言
tui-icon文档
本文记录一下字体图标点击切换后的实现方案。 常见的业务场景就是收藏。 点击一下收藏图标变换颜色。
代码实现
<button @tap.stop="like(index)" class="tui-btn">
<tui-icon :name="item.like ? 'like-fill' : 'like'" :color="item.like ? '#f54f46' : '#fff'" :size="20" class="tui-l-icon"></tui-icon>
</button>
like: function(index) {
this.$set(this.list[index], 'like', !this.list[index].like);
},
