踩坑日记:列表点击隐藏某一项,以及带来的监听不到位问题

需求分析:在渲染的列表中实现点击i标签删除或者隐藏这个属性,需求很简单,但是觉得尽量不要进行dom操作,然后由于项目列表数据是mixin进来的,所以也不能修改通用的mixin方法(因为很多处被调用了,虽然只是增加个字段,但是不推荐),后来直接根据对象的特性,v-show="!scope.row.eyeSwitch",这时候scope.row.eyeSwitch为undefined,达到现实效果,给他定义一个click,点击赋值为true进行消失。

然后重点来了: 发现监听效果很差,了解一波后,才知道,监听属性不到位问题,于是用上了$set方法,进行定向监听,最终解决了监听慢或者要点击几次才隐藏的不足。

相关场景:


相关代码:



©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容