全局过滤器
//时间过滤(全局的)
vue.filter(“过滤器名字”,执行函数(接受参数))
Vue.filter("timefilter", (timestr,[...parse])=>{
const dt = new Date(timestr)
const y = dt.getFullYear()
const m = dt.getMonth() + 1
const d = dt.getDate()
return `${y}-${m}-${d}`
})
调用:
<div>
{{ new Date() | timefilter | ...| ...}} //可以传入多个过滤器,串联使用
</div>
局部过滤器
调用:
<div>
{{ new Date() | capticalSize | ...| ...}} //可以传入多个过滤器,串联使用
</div>
const vm = new Vue({
el: '#app',
data: {
item:{
price: 10
}
},
filters: {
capticalSize:(v,[...parse])=>{
return v[0].toUpperCase()+v.substr(1)//功能:传入字符串使第一个字母大写 并返回这个字符串
}
}
})