關閉Vue計算屬性自帶的緩存功能方法
使用Vue的小伙伴都會知道,vue的計算屬性。這個是這個樣子解釋的,當某些依賴值發(fā)生變化的時候,其自身的值也會發(fā)生變化,與之先關的DOM也會發(fā)生變化,通常呢,這個計算屬性里面都會有兩個方法:get和set可以使用。
這里我只分析一下,如何關閉計算屬性的緩存,獲取最新數(shù)據(jù),如下實例:
HTML代碼
<div id="mess"> <div>{{exapm}}</div> </div>
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計算屬性自帶的緩存功能方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
Vue 報錯Error: No PostCSS Config foun
這篇文章主要介紹了Vue 報錯Error: No PostCSS Config found問題及解決方案,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-07-07利用Vue模擬實現(xiàn)element-ui的分頁器效果
這篇文章主要為大家詳細介紹了如何利用Vue模擬實現(xiàn)element-ui的分頁器效果,文中的示例代碼講解詳細,感興趣的小伙伴可以動手嘗試一下2022-11-11vue.js獲取數(shù)據(jù)庫數(shù)據(jù)實例代碼
本篇文章主要介紹了vue.js獲取數(shù)據(jù)庫數(shù)據(jù)實例代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-05-05