filter 全局使用的实现探讨

Vue.filters(id , [definition])

//id {string}

//definition {function}

// 引入所有的过滤函数

import readMore from './readMore';

// 导出在一个对象上

export default {

readMore

};

//readMore.js

//查看更多文字显示'...'

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-/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) =&gt; {

return filters[key](val,value1,value2);

});

}

//在test.vue里面使用

<p>全文`)"&gt;</p>

<span>#<span>{{'文字文字' | readMore(15,'...')}}</span>#</span>