vue3数组子元素改变,页面更新不及时问题

561 阅读1分钟

vue3的创了一个数组后,如果想动态为这个数组添加子元素,那么页面上的子元素有时不会及时渲染,这时我们可以这么做:

tableData = ref([])

tableData.value = res.data.data.records
tableData.value.forEach(item => {
    const params = {
    list: [],
    expandform: {
        id: '',
        current: 1,
        size: 10
    },
    roomListTotal: 0
    }
    item.children = reactive(params)
})