vue中出現(xiàn)computed修改data數(shù)據(jù)如何解決

發(fā)布時間：2021-05-26 11:06:38 來源：億速云閱讀：685 作者：Leah 欄目：web開發(fā)

vue中出現(xiàn)computed修改data數(shù)據(jù)如何解決？相信很多沒有經(jīng)驗的人對此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個問題。

data () {
  return {
   fold: false
 }
}

我想修改fold的值，如果不用get和set就會報錯?。?！

computed:{
  listShow: {
    get: function () {
      if (!this.totalCount) {
       return false
      }
      return this.fold
     },
    set: function () {
      if (!this.totalCount) {
      this.fold = false
      return false
    }
  }
}

get里面的值可以在頁面加載或者數(shù)據(jù)改變的時候?qū)崟r更新，但是set方法里面的如果想起作用，你需要調(diào)用listShow才會起作用。

看代碼：

methods: {
  toggleList () {
   if (!this.totalCount) {
    return
   }
   this.listShow = false//這里需要調(diào)用一下
   this.fold = !this.fold
  },
}

Vue的優(yōu)點

Vue具體輕量級框架、簡單易學(xué)、雙向數(shù)據(jù)綁定、組件化、數(shù)據(jù)和結(jié)構(gòu)的分離、虛擬DOM、運行速度快等優(yōu)勢，Vue中頁面使用的是局部刷新，不用每次跳轉(zhuǎn)頁面都要請求所有數(shù)據(jù)和dom，可以大大提升訪問速度和用戶體驗。

看完上述內(nèi)容，你們掌握vue中出現(xiàn)computed修改data數(shù)據(jù)如何解決的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問一下細(xì)節(jié)

vue中出現(xiàn)computed修改data數(shù)據(jù)如何解決

Vue的優(yōu)點

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽