关于vue中methods发生点击事件改变data中数据的问题？

娱乐八卦新闻ABC 开发者_JAVA技巧 2022-03-26 18:58

收藏了 找到答案麻烦@一下 谢谢

---

好烦好烦啊擦 2022-03-26 19:10

开发者_如何学C

这段代码问题好多，最好先看看文档computed是怎么工作的。

现在比较懵的就是为什么不加这两个变量和对它们的操作页面会没有效果

首先是因为不加那两个，就不会认为数据有更改，因此数据虽然改动了，但不会重新渲染。题主computed定义sec_navShow，这里定义的sec_navShow会在sec_nav_show更改时被触发，而题主却在methods.show_sec_nav中对sec_navShow进行赋值，这种行为不在computed的监控下。其他部分代码也有类似问题。

可以改成下面这样

show_sec_nav: function(index) {     this.sec_navShow = Array.from({ length: this.sec_navShow.length }).fill(false);     this.sec_navShow[index] = true; }, 
然后把sec_navShow从computed移到data。