需求分析:在渲染的列表中实现点击i标签删除或者隐藏这个属性,需求很简单,但是觉得尽量不要进行dom操作,然后由于项目列表数据是mixin进来的,所以也不能修改通用的mixin方法(因为很多处被调用了,虽然只是增加个字段,但是不推荐),后来直接根据对象的特性,v-show="!scope.row.eyeSwitch",这时候scope.row.eyeSwitch为undefined,达到现实效果,给他定义一个click,点击赋值为true进行消失。
然后重点来了: 发现监听效果很差,了解一波后,才知道,监听属性不到位问题,于是用上了$set方法,进行定向监听,最终解决了监听慢或者要点击几次才隐藏的不足。
相关场景:
相关代码:
网友评论