Vue 使用filters進行內容轉換

2021-09-26 08:14:54 字數 694 閱讀 5233

直接上圖:

?「發放人員」下的資料為 _id,我想將其轉換為 name。

這時就用到了 vue 的filters

}
首先寫乙個getmembers()方法,用來得到員工表的所有資料。

將得到的資料存到localstorage裡:

localstorage.setitem("members", json.stringify(res.data.result));
然後在filters裡呼叫 localstorage 的資料:

filters: 

}return name;}},

localstorage 必須是字串

localstorage 存陣列 參考

效果圖:

vue中filters的使用

在vue中有的需要根據判斷條件展示資料就是要用到filters div 得到的就是1 div template export default filters script style 在vue 中使用filters注意在filters中不能使用this.arr的方式來獲取data中的資料這樣會有th...

Vue過濾器filters使用詳解

這次給大家帶來vue過濾器filters使用詳解,vue過濾器filters使用的注意事項有哪些,下面就是實戰案例,一起來看一下。示例 採用vue單檔案元件,使用moment外掛程式格式化日期 說明 過濾器內是沒有this引用的,過濾器內的this是undefined,所以不要在過濾器內嘗試使用th...

vue 09 過濾器filters使用

過濾器使用,可被用於一些常見的文字格式化。過濾器可以用在兩個地方 雙花括號插值和v bind表示式 定義 對內容或資料進行過濾 二次處理 的一種方式 寫法 vue.filter 過濾器名稱 過濾方式 使用 過濾器類似於管道流 種類 區域性過濾器和全域性過濾器 區域性過濾器與全域性的過濾器定義和使用方...