methods: { handleSizeChange(val) { this.$set(this.query_dict, 'page_size_from_ui', val); this.getData(); }, handleCurrentChange(val) { this.$set(this.query_dict, 'current_page_from_ui', val); this.getData(); this.$delete(this.query_dict, 'current_page_from_ui'); } }, 如何确保this.$delete(this.query_dict, 'current_page_from_ui')在this.getData()执行完成后再执行 （回调函数的方法无效）

你可以使用 async/await 来确保 this.getData() 执行完成后再执行 this.$delete(this.query_dict, 'current_page_from_ui')，具体的做法如下：

methods: {
  async handleSizeChange(val) {
    this.$set(this.query_dict, 'page_size_from_ui', val);
    await this.getData();
    this.$delete(this.query_dict, 'current_page_from_ui');
  },
  async handleCurrentChange(val) {
    this.$set(this.query_dict, 'current_page_from_ui', val);
    await this.getData();
    this.$delete(this.query_dict, 'current_page_from_ui');
  }
},

这样修改后，this.$delete(this.query_dict, 'current_page_from_ui') 将会在 this.getData() 执行完成后再执行。

相关问题

methods: { handleSizeChange(val) { this.$set(this.query_dict, 'page_size_from_ui', val); this.getData(); }, handleCurrentChange(val) { this.$set(this.query_dict, 'current_page_from_ui', val); this.getData(); this.$delete(this.query_dict, 'current_page_from_ui'); } }, 如何确保this.$delete(this.query_dict, 'current_page_from_ui')在this.getData()执行完成后再执行

可以将this.$delete()方法放在this.getData()方法的回调函数中，确保它在获取数据后再执行。代码如下：

handleCurrentChange(val) {
  this.$set(this.query_dict, 'current_page_from_ui', val);
  this.getData(() => {
    this.$delete(this.query_dict, 'current_page_from_ui');
  });
},
getData(callback) {
  // 获取数据的逻辑
  // 在获取数据后执行回调函数
  if (callback) {
    callback();
  }
}

这样，当调用handleCurrentChange()方法时，首先会设置current_page_from_ui的值，然后调用getData()方法，在获取数据完成后执行回调函数，即删除current_page_from_ui的值。这样就能确保删除操作在获取数据后再执行了。