点击按钮取反变量控制div显示/隐藏,不生效啊

今天写页面的时候,遇到了一个bug,点击按钮需要改变数据中的变量来控制显示/隐藏div中的数据,但是实现不了效果,试了好久都达不到效果,原生获取dom修改display也没用
在这里插入图片描述
自己重新整了一个列表数据进行测试,发现是可行的
在这里插入图片描述
测试之后,发现就只有一个showOther变量的区别,这个变量我是在获取接口数据之后,自己遍历数组加上去的,按照正常逻辑我觉得是可行的,毕竟打印出来的数据上是有showOther这个变量的
在这里插入图片描述
后来换了一种赋值方式,发现效果可以实现,以下是我的理解,要是有什么不对的,欢迎指教

我的理解:上面的赋值方式是先给到了this.rrUList,这个时候视图已经更新了(点击元素时,showOther打印出来是有变化的,但是vue工具中的可没有),所以怎么点击都不生效;换成下面这种,先对接口的数据进行修改,再赋值给列表,这个时候数据都修改好了,自然到页面上没什么问题

在这里插入图片描述

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值