一开始理解过滤器的时候以为是过滤不要的内容,原来再vue中,过滤器有承接的关系,就是上一个过滤器的返回值给下一个过滤器,下一个过滤器的返回值给下下一个过滤器…
图解:
文章图片
filters过滤器会把第一个前一个变量的值拿过来作为函数的变量。本例子中message是一个数字,作为filter()的变量。
【vue filters过滤器的理解和使用】例如:
<
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>
推荐阅读
- 优先队列(priority queue)和堆(heap)详解(二叉堆、d-堆、左式堆、斜堆和二项堆)
- vue各种属性的意义详细分析
- 运行gulp错误gulp[22202]src node_contextify.cc 626 static void
- 移动端web app开发框架MUI的使用及注意事项
- ES6默认参数和[…]展开spread操作符、剩余rest操作符
- ES6块级作用域let及解构数组和解构对象的基本语法
- ES6箭头函数及对象表达式
- @tap是什么(和@click的区别)
- HBuilder缺少项目模板和使用Android Studio真机测试