uniapp 删除完数据如何刷新列表
时间: 2023-07-31 18:03:59 浏览: 611
vue主动刷新页面及列表数据删除后的刷新实例
5星 · 资源好评率100%
在UniApp中,可以使用 `this.$forceUpdate()` 方法来强制刷新组件,从而更新列表数据。具体操作步骤如下:
1. 在删除数据的方法中,删除完数据后,需要重新获取数据源,例如:
```
deleteData(index) {
// 删除数据源中的数据
this.dataList.splice(index, 1);
// 重新获取数据源
this.getDataList();
}
```
2. 在获取数据源的方法中,获取完数据后,调用 `this.$forceUpdate()` 方法来强制刷新组件,例如:
```
getDataList() {
// 获取数据源
this.dataList = getDataFromServer();
// 强制刷新组件
this.$forceUpdate();
}
```
这样,当数据源更新后,组件就会自动刷新,从而更新列表数据。
阅读全文