1.新建filter.js文件,将所有的全局过滤器放在里面
// filter.js const filter = { sliceTxt: (txt, length) => { if (length > 120) { let newTxt = txt.slice(0, 120) return newTxt } else { return txt } } }
2.main.js中全局注册
// main.js import filter from '../filter' for (let key in filter){ //一定要放在 new Vue之前 Vue.filter(key, filter[key]) }
3.在vue文件中的使用
<P>{{item | slice(140)}}</p> // item是过滤器的默认参数在这里对应的是txt,140是第二个参数
如果你不想新建filter.js文件,可以直接在mian.js中注册:
// main.js Vue.filter('filterName', txt => { return txt })
官方文档地址:点击打开链接