如何全局使用过滤器

这次给大家带来的是如何全局使用filter，全局使用filter有哪些注意事项。以下是实际案例。让我们来看看。

正式给予

Vue.filters(id，

文件目录

粘贴下面的代码:

//index.js//引入所有过滤函数import readMore from & # 039。/read more & # 039；；//export导出对象的默认值{readMore};//readMore.js//查看更多文本显示& # 039；...'let readMore =(文本，长度，后缀)= & gt{ if(text){ if(text . length & lt；= length)返回文本；返回text.substring(0，长度)+后缀；}返回文本；};导出默认readMore然后在main.js中进行如下处理:

Main.js做全局注册。

//全局注册自定义过滤器从& # 039；。/filters & # 039；；for(let key in filters){ vue . filter(key，(val，value1，value 2)= & gt；{ return filters[key](val，value1，value 2)；});}可以全球通用。

//使用< p html = & quotread more(& # 039；正文& # 039；,60,`...& ltfont style = & # 039颜色:rgba(25，123，207，1)；'& gt全文

推荐阅读:

编译后实际项目不在根目录下怎么办？

如何在dom中获取类的值