|
導(dǎo)讀微信(WeChat)是騰訊公司于2011年1月21日推出的一個(gè)為智能終端提供即時(shí)通訊服務(wù)的免費(fèi)應(yīng)用程序,由張小龍所帶領(lǐng)的騰訊廣州研發(fā)中心產(chǎn)品團(tuán)隊(duì)打造 [2] 。微信支持跨通信運(yùn)營商、跨操作系統(tǒng)平臺... 微信(WeChat)是騰訊公司于2011年1月21日推出的一個(gè)為智能終端提供即時(shí)通訊服務(wù)的免費(fèi)應(yīng)用程序,由張小龍所帶領(lǐng)的騰訊廣州研發(fā)中心產(chǎn)品團(tuán)隊(duì)打造 [2] 。微信支持跨通信運(yùn)營商、跨操作系統(tǒng)平臺通過網(wǎng)絡(luò)快速發(fā)送免費(fèi)(需消耗少量網(wǎng)絡(luò)流量)語音短信、視頻、圖片和文字,同時(shí),也可以使用通過共享流媒體內(nèi)容的資料和基于位置的社交插件“搖一搖”、“漂流瓶”、“朋友圈”、”公眾平臺“、”語音記事本“等服務(wù)插件。 這次給大家?guī)韋ilter怎樣全局使用,filter全局使用的注意事項(xiàng)有哪些,下面就是實(shí)戰(zhàn)案例,一起來看一下。官方給出 Vue.filters(id , [definition])
//id {string}
//definition {function}詳情查看 在項(xiàng)目中我們?nèi)绻卸鄠(gè)filters,那么我怎么一次注冊,全局可用,我們在項(xiàng)目里新建一個(gè)filters文件夾,如下,index.js是出口文件,readMore是一個(gè)對字符串做處理的過濾器
文件目錄 下面貼上代碼: //index.js
// 引入所有的過濾函數(shù)
import readMore from './readMore';
// 導(dǎo)出在一個(gè)對象上
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>相信看了本文案例你已經(jīng)掌握了方法,更多精彩請關(guān)注php中文網(wǎng)其它相關(guān)文章! 推薦閱讀: 實(shí)戰(zhàn)項(xiàng)目編譯后不在根目錄怎么辦 以上就是filter怎樣全局使用的詳細(xì)內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章! 微信提供公眾平臺、朋友圈、消息推送等功能,用戶可以通過“搖一搖”、“搜索號碼”、“附近的人”、掃二維碼方式添加好友和關(guān)注公眾平臺,同時(shí)微信將內(nèi)容分享給好友以及將用戶看到的精彩內(nèi)容分享到微信朋友圈。 |
溫馨提示:喜歡本站的話,請收藏一下本站!