vue 中全域性filter過濾器的配置及使用

2022-02-27 03:43:15 字數 788 閱讀 5563

在專案中使用到的經常用到過濾器,比如時間,資料擷取等過濾器,如果在每個.vue中都可以複製同乙個過濾器,這可以達到目的,但是遇到方法有bug時就需要諸葛修改進入不同的頁面修改,這樣既費時又費力,優先可以考慮註冊全域性的過濾器。

定義方法如下:

新建filters/index.js

const isnullorempty = function(val)  else 

}const timeformat = (value, format) => -$-$ $:$:$`;

}if (format == "yyyy-mm-dd") -$-$`;

}if (format == "yyyy-mm") -$`;

}if (format == "mm-dd") :$`;

}if (format == "hh:mm") :$`;

}if (format == "yyyy") `;

}return result;

};export

在main.js中引入和註冊全域性過濾器

import * as filters from '../filters/index'object.keys(filters).foreach(key =>)
此時就可以在不同的.vue中使用定義的全域性過濾器了

}是否為空

} 時間過濾器

} 時間過濾器yyyy-mm

} 時間過濾器hh:mm

} 時間過濾器yyyy

} 時間過濾器yyyy

效果如下:

VUE全域性過濾器filter

1.1 過濾器科用在兩個地方 雙花括號插值和v bind 表示式中。過濾器應該被新增在js表示式的尾部,由管道符號指示 雙花括號中 在v bind 中 1.2 定義過濾器 1.2.1在元件選項中定義本地過濾器 注意 過濾器的內容由過濾器的返回值決定 引數1 表示要過濾的內容 引數2 表示傳遞給過濾器...

VUE之全域性過濾器 filter

效果圖 第一步 在src資料夾下新建filters資料夾,在該資料夾下新建index.js 內容如下 人民幣轉大寫 function rmbupper n s s 整 n math.floor n for var i 0 i unit 0 length n 0 i s p.replace 零.零 r...

vue中filter 過濾器

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