vue全域性過濾器的使用filters的使用

最簡單的一步當資料1顯示男，2顯示女

html：

<
div>
}<
/div
>
js：data()
}filters:if(
value==
2)},
},

html：

<
div>
}<
/div
>
js:data()
}filters:
}

html：

<
div>
}<
/div
>
js:data()
}filters:
}}

html：

<
div>
}<
/div
>
js:<
script
>
export
default;}
,filters:},
};<
/script
>

當然我們也可以封裝一下統一放在乙個模組方便管理還可以重複使用

新建檔案filters-〉custom.js

首先要買main.js新增全域性過濾器

import*as

custom
from
'./filters/custom'
//注意路徑
object
.keys
(custom).
foreach
(key
=>
)

export

const
guidetypevc
=value
=>
return
content
;}

<

div>
}<
/div
>
import
from
"@/filters/custom"
;

在custom.js**

export

const
validataemail=(
obj)
=>

aclick:function()

else
}

引用方法和郵箱一樣

export

const
isnull
=str
=>

export

const
shouji=(
obj)
=>$/
.test
(obj
)}

aclick:function()

else
},

export

const
time=(
value)=
>

Vue 過濾器案例（全域性過濾器和區域性過濾器）

doctype html en utf 8 viewport content width device width,initial scale 1.0 js vue 2.4.0 js script 過濾器 title head 兩個過濾器的名稱都為msgformat，但是控制不同作用，乙個是全域性的...

vue全域性過濾器配置

有時乙個過濾器需要在專案中多次使用，此時可以將該過濾器定義為全域性過濾器，全域性過濾器在main.js下配置。以時間過濾器為例，當為區域性過濾器寫為 filters if isnan m m 0 else if isnan d d 0 else return y m d date.totimestr...

VUE全域性過濾器filter

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