为什么vuetify CRUD表示例close方法使用setTimeout?

时间:2019-08-19 21:11:44

标签: vuetify.js

我为前端客户端采用了vuetify crud示例: https://vuetifyjs.com/en/components/data-tables#data-tables https://github.com/vuetifyjs/vuetify/blob/master/packages/docs/src/examples/data-tables/complex/crud.vue

但是我的前端客户端将axios API调用用于CRUD操作。 进行多次编辑时,我注意到空错误消息。查看代码,我注意到close方法使用setTimeout重置editedItem和editedIndex。只需删除超时即可解决问题。

close () {
        this.dialog = false
        setTimeout(() => {
          this.editedItem = Object.assign({}, this.defaultItem)
          this.editedIndex = -1
        }, 300)
      },

超时功能的目的是什么?使用API​​进行适当的清理应该如何?是否有一个很好的示例,最好在Typescript中将vuetify数据表组件与CRUD API一起使用?

0 个答案:

没有答案