vue中使用過濾器filters的this為undefined的問題
更新時間：2022年01月23日 14:09:01 作者：HonGL54
這篇文章主要介紹了vue中使用過濾器filters的this為undefined的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
使用過濾器filters的this為undefined
vue中的過濾器更偏向于對文本數(shù)據(jù)的轉(zhuǎn)化，而不能依賴this上下文，如果需要使用到上下文this我們應該使用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 相當于想要過濾的值 傳遞給formatDate的參數(shù)
也可以多參數(shù) {undefined{ time | formatDate(“嘿哈”) }}
這時過濾器中
//time 傳遞給 value ? ?"嘿哈" 傳遞給 arg1
formatDate: (value,arg1) => {
?? ?......
}以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
下面小編就為大家?guī)硪黄猇ue2.0 從零開始_環(huán)境搭建操作步驟。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
在 Vue2 項目中,ElementUI 的 el-form 組件是常用的表單組件,它提供了豐富的功能和樣式,可以滿足各種需求,本文給大家介紹Vue2+ElementUI表單、Form組件的封裝過程,感興趣的朋友跟隨小編一起看看吧2024-03-03
這篇文章主要介紹了Vue 自適應高度表格的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-05-05
這篇文章主要為大家介紹了Vue編譯器AST抽象語法樹源碼分析詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
這篇文章主要介紹了vue項目中$t()的意思是什么，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
淺談Vue3.0新版API之composition-api入坑指南
這篇文章主要介紹了Vue3.0新版API之composition-api入坑指南，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-04-04
這篇文章主要為大家詳細介紹了vue實現(xiàn)列表固定列滾動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
詳解vue 動態(tài)加載并注冊組件且通過 render動態(tài)創(chuàng)建該組件
這篇文章主要介紹了vue 動態(tài)加載并注冊組件且通過 render動態(tài)創(chuàng)建該組件,本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2019-05-05
vue中實現(xiàn)methods一個方法調(diào)用另外一個方法
下面小編就為大家分享一篇vue中實現(xiàn)methods一個方法調(diào)用另外一個方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了使用vue-router切換組件時使組件不銷毀問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09