主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情! |
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作 |
这次给大家带来的是如何全局使用filter,全局使用filter有哪些注意事项。以下是实际案例。让我们来看看。
正式给予
Vue.filters(id,
文件目录
粘贴下面的代码:
//index.js//引入所有过滤函数import readMore from # 39。/read more # 39;;//export导出对象的默认值{readMore};//readMore.js//查看更多文本显示 # 39;...'let readMore =(文本,长度,后缀)= gt{ if(text){ if(text . length lt;= length)返回文本;返回text.substring(0,长度)+后缀;}返回文本;};导出默认readMore然后在main.js中进行如下处理:
Main.js做全局注册。
//全局注册自定义过滤器从 # 39;。/filters # 39;;for(let key in filters){ vue . filter(key,(val,value1,value 2)= gt;{ return filters[key](val,value1,value 2);});}可以全球通用。
//使用< p html = read more( # 39;正文 # 39;,60,`... lt字体样式= # 39;颜色:rgba(25,123,207,1);' gt全文
推荐阅读:
编译后实际项目不在根目录下怎么办?
如何在dom中获取class的值以上是如何全局使用filter的细节。请多关注主机参考其他相关文章!
这几篇文章你可能也喜欢:
本文由主机参考刊发,转载请注明:如何全局使用过滤器(如何设置过滤器) https://zhujicankao.com/80123.html
评论前必须登录!
注册