这次给大家带来filter怎样全局使用,filter全局使用的注意事项有哪些,下面就是实战案例,一起来看一下。
官方给出
1 2 3 | Vue.filters(id , [definition])
|
详情查看
在项目中我们如果有多个filters,那么我怎么一次注册,全局可用,我们在项目里新建一个filters文件夹,如下,index.js是出口文件,readMore是一个对字符串做处理的过滤器

文件目录
下面贴上代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | import readMore from './readMore' ;
export default {
readMore
};
let readMore = (text,length,suffix) => {
if (text) {
if (text.length <p style= "text-align: left;" >然后在main.js里面做如下处理:</p><p style= "text-align: left;" ><img src= "https://img.php.cn/upload/article/000/061/021/291b9a26604affe749aca9aa2b99c650-1.png" alt= "" ></p><p style= "max-width:90%" ><strong>main.js做全局注册</strong></p><pre class = "brush:php;toolbar:false" >//全局注册自定义的过滤器
import filters from './filters' ;
for (let key in filters){
Vue.filter(key, (val,value1,value2) => {
return filters[key](val,value1,value2);
});
}
|
就可以在全局使用了
1 2 3 | <p>全文`)"></p>
<span>#<span>{{ '文字文字' | readMore(15, '...' )}}</span>#</span>
|
相信看了本文案例你已经掌握了方法。
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。