Vue2.0中废弃了angular风格的filterBy方法，使用计算属性取而代之
简单例子：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
| <input v-model = 'expr' />
<div v-for = 'log in filteredLogs'>
<a>{{log.src}}</a>
<span>{{log.content}}</span>
</div>
<script>
export default {
data () {
return {
expr: '',
logs: []
}
},
computed: {
filteredLogs () {
var _this = this;
return this.logs.filter(( logItem )=>{
return logItem.content.indexOf( _this.expr ) > -1
})
}
}
}
</script>
|