新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
vue學(xué)習(xí)筆記之過濾器的基本使用方法實例分析
本文實例講述了vue學(xué)習(xí)筆記之過濾器的基本使用方法。分享給大家供大家參考,具體如下:
創(chuàng)新互聯(lián)是一家專業(yè)提供昭陽企業(yè)網(wǎng)站建設(shè),專注與成都做網(wǎng)站、成都網(wǎng)站建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)、HTML5、小程序制作等業(yè)務(wù)。10年已為昭陽眾多企業(yè)、政府機構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站設(shè)計公司優(yōu)惠進行中。
以下是一個將瀏覽器默認(rèn)時間格式格式化的例子:
過濾器 {{date | formatDate}}
- 在vue中使用過濾器,要注意!只是改變了在前端頁面渲染的格式,而不會改變數(shù)據(jù)的存儲的格式
- 全局過濾器定義必須始終位于Vue實例之上,否則你將會得到一個“Failed to resolve filter: XXX”的錯誤信息。
- 過濾器串聯(lián)
{{text | filter1 | filter2}}
- 過濾器接受參數(shù) 【js中接受的參數(shù),第一個始終是value,傳入的參數(shù)是第2,3,4....個參數(shù)】
{{text | filter('arg1','arg2')}}
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
希望本文所述對大家vue.js程序設(shè)計有所幫助。
當(dāng)前題目:vue學(xué)習(xí)筆記之過濾器的基本使用方法實例分析
文章地址:http://fisionsoft.com.cn/article/jjphip.html