<div id="app">
<div class="wrap">
<h4 class="size">Filter</h4>
<p>請製作過濾資料</p>
<input type="text" class="form-control" v-model="filterText" @keyup.enter="filterData">
<ul>
<li v-for="(item, key) in filterArray" :key="item.age">
{{item.name}} 年紀是{{item.age}}歲
</li>
</ul>
</div>
</div>
var app = new Vue({
el:'#app',
data:{
dataArray:[
{
name: '小明',
age: 16
},
{
name: '漂亮阿姨',
age: 24
},
{
name: '力宏',
age: 35
},
],
filterText:'',
filterArray:[]
},
methods:{
filterData:function(){
var vm = this;
vm.filterArray = vm.dataArray.filter(function(item){
console.log(item.name.match(vm.filterText));
return item.name.match(vm.filterText);
})
}
}
})
