一级女人18毛片免费,久久经典免费视频,免费午夜爽爽爽WWW视频十八禁

導讀微信（WeChat）是騰訊公司于2011年1月21日推出的一個為智能終端提供即時通訊服務的免費應用程序，由張小龍所帶領的騰訊廣州研發中心產品團隊打造 [2] 。微信支持跨通信運營商、跨操作系統平臺...

微信（WeChat）是騰訊公司于2011年1月21日推出的一個為智能終端提供即時通訊服務的免費應用程序，由張小龍所帶領的騰訊廣州研發中心產品團隊打造 [2] 。微信支持跨通信運營商、跨操作系統平臺通過網絡快速發送免費（需消耗少量網絡流量）語音短信、視頻、圖片和文字，同時，也可以使用通過共享流媒體內容的資料和基于位置的社交插件“搖一搖”、“漂流瓶”、“朋友圈”、”公眾平臺“、”語音記事本“等服務插件。

這次給大家帶來filter怎樣全局使用，filter全局使用的注意事項有哪些，下面就是實戰案例，一起來看一下。

官方給出

Vue.filters(id , [definition])
//id {string}
//definition {function}

詳情查看

在項目中我們如果有多個filters，那么我怎么一次注冊，全局可用，我們在項目里新建一個filters文件夾，如下，index.js是出口文件，readMore是一個對字符串做處理的過濾器

filter怎樣全局使用

文件目錄

下面貼上代碼：

//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里面做如下處理：

filter怎樣全局使用

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>

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

當前位置:雨林木風下載站 > 網絡軟件教程 > 詳細頁面

filter如何全局使用

本類教程下載

系統下載排行