介绍 Vue.filters (id ,,(定义))//id {字符串}//definition {函数} //在test.vue里面使用
& lt;才能p html=皉eadMore(& # 39;文字文字& # 39;,,60岁,“……& lt; font 风格=& # 39;颜色:rgba(25123207,1); & # 39;在全文& lt;/font>”)“祝辞& lt;/p>
& lt; span> # & lt; span 类=癮dd"在{{& # 39;文字文字& # 39;,|,readMore(15日& # 39;……& # 39;)}}& lt;/span> # & lt;/span>
这篇文章主要介绍过滤器如何全局使用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
官方给出
详情查看
在项目中我们如果有多个过滤器,那么我怎么一次注册,全局可用,我们在项目里新建一个过滤器文件夹,如下,指数。js是出口文件,readMore是一个对字符串做处理的过滤器
//index.js//,引入所有的过滤函数
import readMore 得到& # 39;。/readMore& # 39;;//,导出在一个对象上
export default {
readMore才能
}；//readMore.js//查看更多文字显示& # 39;……& # 39;
let readMore =,(文本、长度、后缀),=祝辞,{
,如果(文本){
如果才能(text.length & lt;=,长度),return 文本;
return 才能text.substring(0,长度),+,后缀;
,}
,return 文本;
,};
export default readMore;
然后在主。js里面做如下处理:
//全局注册自定义的过滤器
import filters 得到& # 39;。/过滤器# 39;;
(let key 过滤器拷贝){
,Vue.filter(关键,(val, value1, value2),=祝辞,{
(例子),return 过滤器(val, value1, value2);
,});
}
就可以在全局使用了
以上是“过滤如何全局使用”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!
