1.x寫(xiě)法
<body><div id="app"> {{html|uppercase}}</div><script> new Vue({ el:'#app', data:{ msg:"123", html:"abc" } })</script></body>但是2.0中已經(jīng)廢棄了過(guò)濾器,需要我們自定義
<div id="app"> {{message|uppercase}}</div>//過(guò)濾器Vue.filter('uppercase', function(value) { if (!value) { return ''} value = value.toString() return value.charAt(0).toUpperCase() + value.slice(1)})var vm = new Vue({ el:'#app', data: { message: 'test' }})Vue.filter( id, [definition] )
參數(shù):
{string} id
{Function} [definition]
用法:
注冊(cè)或獲取全局過(guò)濾器。
// 注冊(cè)Vue.filter('my-filter', function (value) {// 返回處理后的值})// getter,返回已注冊(cè)的過(guò)濾器var myFilter = Vue.filter('my-filter')官方文檔參考:
http://cn.vuejs.org/v2/api/#filters
http://cn.vuejs.org/v2/api/
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持錯(cuò)新站長(zhǎng)站。
新聞熱點(diǎn)
疑難解答
圖片精選