vueはコンピュータのデータを修正する問題を解決します。

最近はプロジェクトをする時に問題があります。コンピュータのデータを修正する時にエラーが発生します。エラーの大体の意味は、データの属性値を修正してはいけないということです。いくつかの答えを調べましたが、最終的な解決方法はsetとgetを使う必要があります。コードを見る:

data () {
  return {
   fold: false
 }
}

私はフォルトの値を修正したいです。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の中の値はページのロードやデータの変更時にリアルタイムで更新できますが、setの方法の中のものは思い出したら、listShowを呼び出してこそ効果があります。
コードを見る:

methods: {
  toggleList () {
   if (!this.totalCount) {
    return
   }
   this.listShow = false//        
   this.fold = !this.fold
  },
}

起動しない場合は、論理をgetに書き込めば、リアルタイムで更新できます。
以上のvueはcomputtedでdataデータを修正した問題を解決しました。つまり、小編集は皆さんに全部の内容を共有しました。参考にしてもらいたいです。どうぞよろしくお願いします。