vue中limitBy,filterBy,orderBy的用法
1.limitBy的用法
<body>
<div id="box">
<ul>
<li v-for="val in arr | limitBy 2 1"> <!-- 从index=1的位置取两个-->
{{val}}
</li>
</ul>
</div>
<script>
var vm=new Vue({
data:{
arr:[1,2,3,4,5]
},
methods:{
}
}).$mount('#box');
</script>
2 filterBy的用法:筛选中数组中含有a字母的值
<body>
<div id="box">
<input type="text" v-model="a">
<ul>
<li v-for="val in arr | filterBy a">
{{val}}
</li>
</ul>
</div>
<script>
var vm=new Vue({
data:{
arr:['width','height','background','orange'],
a:''
},
methods:{
}
}).$mount('#box');
</script>
</body>
3 orderBy的用法
<body>
<div id="box">
<input type="text" v-model="a">
<ul>
<li v-for="val in arr | orderBy a">
{{val}}
</li>
</ul>
</div>
<script>
var vm=new Vue({
data:{
arr:['width','height','background','orange'],
a:''
},
methods:{
}
}).$mount('#box');
</script>
</body>
最新文章
- Buddy内存分配算法
- H5网页播放器播不了服务器上的mp4视频文件
- Android ListView动态改变Item高度
- zookeeper的配置项
- 问题与对策:CSS的margin塌陷(collapse)
- 开启CURL扩展,让服务器支持PHP curl函数(远程采集)
- java&#160;实现Excel压缩成Zip导出
- shell(sed/gawk)脚本(计算目录文件/验证电话号码/解析电子邮件地址)
- 【转载】小tips: PC端传统网页试试使用Zepto.js进行开发
- How to fix corrupt HDFS FIles
- 1.MySQL(一)
- JavaScript我学之一变量类型
- Android 针对单个Activity设置状态栏颜色
- ftp的自动部署以及添加虚拟账户的脚本
- nginx入门二
- leecode第二十三题(合并K个排序链表)
- python学习之----lxml库和HTML parser
- 【VB6】全局键盘钩子
- 06 Go 1.6 Release Notes
- ab命令压力测试