1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | computed:{ list (){ for (let key in this .cities){ this .cities[key].forEach((value)=>{ list.push(value) }) } } watch:{ keyWord (){ this .list.forEach((value)=>{ if (value.spell.indexOf( this .keyWord) > -1 || value.name.indexOf( this .keyWord) > -1){ result.push(value) } }) } } |
这样做的想法是省的你每次keyword改变都遍历对象数组,节约性能。 提醒list未定义,难道监听不能取到计算属性吗?
课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握
了解课程