一 过滤器写法
二 Vue自带的过滤器:capitalize
功能:首字母大写
<Meta charset="UTF-8">
Vue<a href="https://www.jb51.cc/tag/zidai/" target="_blank" class="keywords">自带</a>的过滤器
三 Vue自带的过滤器:uppercase
功能:全部大写
<Meta charset="UTF-8">
Vue<a href="https://www.jb51.cc/tag/zidai/" target="_blank" class="keywords">自带</a>的过滤器
四 Vue自带的过滤器:uppercase
功能:全部小写
<Meta charset="UTF-8">
Vue<a href="https://www.jb51.cc/tag/zidai/" target="_blank" class="keywords">自带</a>的过滤器
五 Vue自带的过滤器:currency
参数:
第一个参数 {String} [货币符号] - 默认值: '$'
第二个参数 {Number} [小数位] - 默认值: 2
<Meta charset="UTF-8">
Vue<a href="https://www.jb51.cc/tag/zidai/" target="_blank" class="keywords">自带</a>的过滤器
六 Vue自带的过滤器:pluralize
功能: 如果只有一个参数，复数形式只是简单地在末尾添加一个 “s”。如果有多个参数，参数被当作一个字符串数组，对应一个、两个、三个…复数词。如果值的个数多于参数的个数，多出的使用最后一个参数。
参数：{String} single,[double,triple,...
<Meta charset="UTF-8">
Vue<a href="https://www.jb51.cc/tag/zidai/" target="_blank" class="keywords">自带</a>的过滤器
{{item}}
{{item}}
- {{item}}
<ul v-for="item in man | filterBy 'l' in 'name' "> <!--输出lily lucy-->
<li>{{item.name}}</li>
</ul>
<ul v-for="item in man | filterBy 'l' in 'name' 'dada' "> <!--输出lily+undefined lucy+undefined undefined+lsh-->
<li>{{item.name+"+"+item.dada}}</li>
</ul>
</div>
<script type="text/javascript">
var myVue = new Vue({
el: ".test",data: {
lili: ["oi","oa","ll","lo","ouo","kk","oala"],man: [ //此处注意man是数组,不是对象
{name: "lily"},{name: "lucy"},{name: "oo"},{dada: "lsh"},{dada: "ofg"}
]
}
})
</script>十 Vue自带的过滤器:orderBy
(1)限制:需在v-for(即数组)里面使用
(2)三个参数:
第一个参数: {String | Array
第二个参数: {String} 可选参数 order 决定结果升序（order >= 0）或降序（order < 0）,默认是升序
<Meta charset="UTF-8">
Vue<a href="https://www.jb51.cc/tag/zidai/" target="_blank" class="keywords">自带</a>的过滤器
