一开始理解过滤器的时候以为是过滤不要的内容,原来再vue中,过滤器有承接的关系,就是上一个过滤器的返回值给下一个过滤器,下一个过滤器的返回值给下下一个过滤器…
图解:
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>