<script>
new Vue({
el: '#app',
data: {
keywork: '',
persion: [
{id:'001',name:'马冬梅',age:19,sex:'女'},
{id:'002',name:'夏洛特',age:20,sex:'男'},
{id:'003',name:'啊马云',age:21,sex:'男'},
{id:'004',name:'刘芳的',age:22,sex:'女'}
],
watch:{
keywork(val){
// filter 不会更改原数组
this.persion.filter((p)=>{
//return p.age > 19;
return p.name.indexOf(val) !== -1;
})
}
}
}
})
</script>
目录 ◆ vue 简介◆ vue 的基本使用◆ vue 的调试工具◆ vue 的指令与过滤器◆ 品牌列表案例 一 ...
1. :key的内部原理, vue中的key有什么作用? 代码实例: 2. 列表过滤 3. 列表排序 3. Vue...
new Vue({el: '#app',data: {keywork: '',persion: [{id:'001...
1. 系统过滤器 eg1：利用vue1.0中的系统过滤器filterBy实现列表按条件刷选查询 2. 自定义过滤器...
练习实例：品牌列表 关键字过滤 过滤器 Vue中允许自定义过滤器，可被用作一些常见的文本格式化；过滤器可用在两个地...
练习实例：品牌列表 关键字过滤 过滤器 Vue中允许自定义过滤器，可被用作一些常见的文本格式化；过滤器可用在两个地...
知识点 1：一个字符串中，使用indexOf筛选是否包含空字符时，返回0，而非-1。如'abc'.indexOf(...
过滤器 之前我们学习了Vue的 vue基本指令 进阶学习，我们需要了解Vue的过滤器：Vue.js允许你自定义过滤...
在vue项目实战 显示|隐藏 查询返回数组 过滤数组 数组去重 渲染列表 思路总结：在没有掌握全部技术的前提下怎么...
vue时间格式过滤器（今天，昨天，周几，年月日） vue金额过滤器 手机横屏签名功能(vue)
本文标题：vue之列表过滤
本文链接：https://www.haomeiwen.com/subject/imjznltx.html
网友评论