目錄

• 使用過濾器filters的this為undefined
• filter過濾器的用法

使用過濾器filters的this為undefined

vue中的過濾器更偏向於對文字資料的轉化，而不能依賴this上下文，如果需要使用到上下文this我們應該使用computed計算屬性的或者一個method方法

vue filter過濾器的用法

{undefined{ args | filterFun }} |是管道符 用法如下

{{ time | formatDate }}

過濾器中

filters: {
    forwww.cppcns.commatDate: value => {
    let date = new Date(value)
    let y = date.getFullYear()
    let MM = date.getEGsHIHQg
 
Month() + 1
    MM = MM < 10 ? "0" + MM : MM
    let d = date.getDate()
    d = d < 10 ? "0" + d : d
    let h = date.getHours()
    h = h < 10 ? "http://www.cppcns.com0" + h : h
    let m = date.getMinutes()
    m = m < 10 ? "0" + m : m
    let s = date.getSeconds()
    s = s < 10 ? "0" + s : s
    return y + "-" + MM + "-" + d + " " + h + ":" + m + ":" + s
  }
  }

time 相當於想要過濾的值 傳遞給formatDate的引數

也可以多引數 {undefined{ time | formatDate(“嘿哈”) }}

這時過濾器中

//time 傳遞給 value  "嘿哈" 傳遞給 arg1
formatDate: (value,arg1) => {
 ......
}

以上為個人經驗，希望能給大家一個參考，也希望大家多多支援我們。