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

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

作者: JLong | 来源:发表于2020-12-18 10:45 被阅读0次

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

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

    相关场景:

    相关代码:

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/uijxnktx.html