官方給出
Vue.filters(id , [definition])//id {string}//definition {function}在項目中我們如果有多個filters，那么我怎么一次注冊，全局可用，我們在項目里新建一個filters文件夾，如下，index.js是出口文件，readMore是一個對字符串做處理的過濾器
文件目錄
下面貼上代碼：
//index.js// 引入所有的過濾函數import readMore from './readMore';// 導出在一個對象上export default { readMore};//readMore.js//查看更多文字顯示'...'let readMore = (text,length,suffix) => { if(text) { if(text.length <= length) return text; return text.substring(0,length) + suffix; } return text; };export default readMore;然后在main.js里面做如下處理：
main.js做全局注冊
//全局注冊自定義的過濾器import filters from './filters';for(let key in filters){ Vue.filter(key, (val,value1,value2) => { return filters[key](val,value1,value2); });}就可以在全局使用了
//在test.vue里面使用 <p html="readMore('文字文字' ,60,`...<font style='color:rgba(25,123,207,1);'>全文</font>`)"></p><span>#<span class="add">{{'文字文字' | readMore(15,'...')}}</span>#</span>總結
以上所述是小編給大家介紹的vue自定義filters過濾器，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
