vue filters过滤器的理解和使用

一开始理解过滤器的时候以为是过滤不要的内容,原来再vue中,过滤器有承接的关系,就是上一个过滤器的返回值给下一个过滤器,下一个过滤器的返回值给下下一个过滤器…

图解:

filters过滤器

filters过滤器会把第一个前一个变量的值拿过来作为函数的变量。本例子中message是一个数字,作为filter()的变量。

例如:

<div id="app">
<span>{{message | filter | filter | filter}}</span>
</div>
<script>
var vue = new Vue({
el:'#app',
data:{
message:"10"
},
filters:{
filter(val){
return val*10; // 10000
}
}
})
</script>
微信公众号
手机浏览(小程序)
0
分享到:
没有账号? 忘记密码?