console
var baidu = new Vue({
el: '#app',
data: {
keyword: '',
datasource: ['k1', 'k2', 'k3', 'a1', 'b1', 'c1'],
},
computed: {
suggestList: function() {
var list = [];
for (i in this.datasource) {
var suggest = this.datasource[i];
if ("" != this.keyword && -1 != suggest.indexOf(this.keyword)) {
list.push(suggest);
}
}
return list;
}
}
});
<html>
<body>
<div id="app">
<input type='input' v-model='keyword' />
<div style='border:2px'>
<ul id="baidu">
<li v-for='(item,index) in suggestList'>{{index}}:{{item}}</li>
</ul>
</div>
</div>
</body>
</html>