日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學(xué)無先后,達(dá)者為師

網(wǎng)站首頁 Vue 正文

vue中使用過濾器filters的this為undefined的問題_vue.js

作者:HonGL54 ? 更新時間: 2022-04-05 Vue

使用過濾器filters的this為undefined

vue中的過濾器更偏向于對文本數(shù)據(jù)的轉(zhuǎn)化,而不能依賴this上下文,如果需要使用到上下文this我們應(yīng)該使用computed計算屬性的或者一個method方法

vue filter過濾器的用法

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

{{ time | formatDate }}

過濾器中

filters: {
? ? ? ? formatDate: value => {
?? ??? ? ? let date = new Date(value)
?? ??? ? ? let y = date.getFullYear()
?? ??? ? ? let MM = date.getMonth() + 1
?? ??? ? ? MM = MM < 10 ? "0" + MM : MM
?? ??? ? ? let d = date.getDate()
?? ??? ? ? d = d < 10 ? "0" + d : d
?? ??? ? ? let h = date.getHours()
?? ??? ? ? h = h < 10 ? "0" + 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 相當(dāng)于想要過濾的值 傳遞給formatDate的參數(shù)

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

這時過濾器中

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

原文鏈接:https://blog.csdn.net/qq_38396070/article/details/107385360

欄目分類
最近更新