vue中filter過濾器中的this指向

2021-09-28 23:48:57 字數 518 閱讀 8788

在專案中遇到乙個情況,在對日期進行格式化時,定義了乙個區域性過濾器,但是在過濾器中使用this呼叫vue的方法時,報方法為undefined的錯誤,經過對this的列印輸出,發現輸出結果為undefined;

問題如下:

}<

/template>

export

default}}

<

/script>

解決方法

}<

/template>

export

default}}

}<

/script>

經查閱過濾器的說用發現:是vue中的過濾器更偏向於對文字資料的轉化,不能夠一欄this上下文,所以如果需要使用到上下文的this,應該使用computed計算屬性或者method方法

vue中filter 過濾器

區域性過濾器,只有當前vue例項裡能使用 data filters return statusmap status tofixed2 num 全域性過濾器,在任何vue例項裡都能使用vue.filter adddanwei value data 上面寫法中要注意的問題是 全域性註冊時時是filter...

Vue中的Filter過濾器

home time div 使用過濾器 div template import moment from moment 引入外掛程式 export default filters script 在 main.js 檔案裡註冊過濾器 import vue from vue import router f...

Vue中的過濾器(filter)

什麼是過濾器?顧名思義,過濾器就是就對資料進行篩選 過濾 格式化,比如時間格式化 英文大小寫轉換 狀態轉換等等。它與methods computed 或者 watch不同是,它不能改變原始值。過濾器分類 1 元件內過濾器 元件內過濾器就是通過filters屬性,該屬性是乙個物件,在該物件中可以定義多...