首頁  >  文章  >  web前端  >  如何關閉Vue計算屬性自帶的快取功能

如何關閉Vue計算屬性自帶的快取功能

小云云
小云云原創
2018-03-03 11:04:421523瀏覽

使用Vue的小夥伴都會知道,vue的計算屬性。這個是這個樣子解釋的,當某些依賴值改變的時候,其自身的值也會發生變化,與之先關的DOM也會發生變化,通常呢,這個計算屬性裡面都會有兩個方法: get和set可以使用。

這裡我只分析一下,如何關閉計算屬性的緩存,取得最新數據,如下實例:

HTML程式碼

<p id="mess">
    <p>{{exapm}}</p>
  </p>

JS程式碼:

 var vue2 = new Vue({
    el:"#mess",
    data:{
      sendmess:" i dhsjknkjvnkrenvr"
    },
  computed:{
    exapm:{
      cache:false,
      get:function(){
        return Date.now()+this.sendmess
      }
    }
    }
  });

我們需要把cache設定成false,這樣就清除了緩存,每次我們的時間都是當前時間。

相關推薦:

vue計算屬性時v-for處理數組時遇到bug問題詳解

以上是如何關閉Vue計算屬性自帶的快取功能的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn