創(chuàng)建全局filters(vue2 全局過濾器)

全局都想用到一個filter => noData?

如果值為null || ''的時候,讓他顯示為‘--’

--- /src/filters/costom.js

export const noData = value =>{
? ? return value ? value : '--'
}

--- /src/main.js

import * as costom from 'src/filter/constom'
Object.keys(custom).forEach(key => {
?Vue.filter(key, custom[key])
})

然后在頁面中正常使用就可以了。

{{msg | noData}}

參考地址:https://www.cnblogs.com/xiterjia/p/6701324.html

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,881評論 18 139
  • 選譯自村上春樹的問答欄目(http://www.welluneednt.com) 本篇原文:http://www....
    阿道閱讀 1,588評論 0 2
  • 本文參加#青春不一YOUNG#征稿活動,本人承諾,文章內(nèi)容為原創(chuàng),且未在其他平臺發(fā)表過。 美麗的皮囊千篇一律,有趣...
    蒙娜麗傻閱讀 576評論 7 11
  • 給定一個包含不重復整數(shù)的數(shù)組 nums,返回它的所有子集。例如 [1,2,3] 的所有子集為: 遞歸(回溯法) 迭...
    頑強的貓尾草閱讀 680評論 0 0
  • 有些人,光是遇見就已經(jīng)值得了 如果這個人還給了你改變糟糕現(xiàn)狀的力量,那么,把這個人藏在心底一輩子又有什么錯呢? “...
    羊樂閱讀 352評論 0 1