渲染完成后的vue js事件
vue js event after rending is done
我有一个由 Vue 渲染的 table。我想在渲染后对其应用数据table。我首先使用 Vue 的原因是因为它需要在每个单元格上使用很多自定义功能。
每当我在 table 上调用 datatable 函数时,我都会收到错误消息,因为 vue 未完成渲染 table.
有什么方法可以知道 Vue 何时完成渲染 dom 中的所有元素,以便我可以在其上应用数据table。
查看Vue.nextTick()
这是来自文档的示例:
// modify data
vm.msg = 'Hello'
// DOM not updated yet
Vue.nextTick(function () {
// DOM updated
})
我有一个由 Vue 渲染的 table。我想在渲染后对其应用数据table。我首先使用 Vue 的原因是因为它需要在每个单元格上使用很多自定义功能。
每当我在 table 上调用 datatable 函数时,我都会收到错误消息,因为 vue 未完成渲染 table.
有什么方法可以知道 Vue 何时完成渲染 dom 中的所有元素,以便我可以在其上应用数据table。
查看Vue.nextTick()
这是来自文档的示例:
// modify data
vm.msg = 'Hello'
// DOM not updated yet
Vue.nextTick(function () {
// DOM updated
})