关于vue中methods发生点击事件改变data中数据的问题
生活随笔
收集整理的這篇文章主要介紹了
关于vue中methods发生点击事件改变data中数据的问题
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
收藏了 找到答案麻煩@一下 謝謝
這段代碼問題好多,最好先看看文檔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。
這段代碼問題好多,最好先看看文檔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。
總結
以上是生活随笔為你收集整理的关于vue中methods发生点击事件改变data中数据的问题的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 网飞科幻惊悚新剧《寂静之海》来了 主演、
- 下一篇: 人民大会堂 万里长城是谁画的呢?