新聞中心
官方給出
成都創(chuàng)新互聯(lián)公司服務(wù)項目包括袁州網(wǎng)站建設(shè)、袁州網(wǎng)站制作、袁州網(wǎng)頁制作以及袁州網(wǎng)絡(luò)營銷策劃等。多年來,我們專注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等,向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案,袁州網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前,我們服務(wù)的客戶以成都為中心已經(jīng)輻射到袁州省份的部分城市,未來相信會繼續(xù)擴大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任!
Vue.filters(id , [definition]) //id {string} //definition {function}
詳情查看
在項目中我們?nèi)绻卸鄠€filters,那么我怎么一次注冊,全局可用,我們在項目里新建一個filters文件夾,如下,index.js是出口文件,readMore是一個對字符串做處理的過濾器
文件目錄
下面貼上代碼:
//index.js // 引入所有的過濾函數(shù) 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里面使用
#{{'文字文字' | readMore(15,'...')}}#
總結(jié)
以上所述是小編給大家介紹的vue自定義filters過濾器,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持!
網(wǎng)頁標題:vue自定義filters過濾器
當前鏈接:http://www.dlmjj.cn/article/jigcde.html