vue2 监听数据 改变重新请求
时间: 2023-10-10 21:10:57 浏览: 321
可以通过监听 Vue 实例的 data 属性来实现数据改变后重新请求的效果。
具体实现可以参考以下步骤:
1. 在 Vue 实例中定义需要监听的数据变量,例如:
```
data() {
return {
keyword: '',
searchResult: []
}
}
```
2. 监听数据变化,当 `keyword` 发生改变时,重新请求数据:
```
watch: {
keyword: function(newKeyword, oldKeyword) {
// 发送请求获取数据
this.$http.get('/api/search', { params: { keyword: newKeyword }})
.then(response => {
this.searchResult = response.data
})
}
}
```
在上述代码中,使用了 Vue.js 提供的 `watch` 方法来监听 `keyword` 的变化,当 `keyword` 改变时,发送请求获取数据,并将结果赋值给 `searchResult` 变量。
当 `keyword` 发生改变时,会触发 `watch` 方法,从而实现重新请求的效果。
阅读全文