vue3的reactive包裹数组无法触发响应式

最新推荐文章于 2024-04-21 09:08:29 发布

hy2356891299

最新推荐文章于 2024-04-21 09:08:29 发布

阅读量884

点赞数

分类专栏： vue3 文章标签：前端 vue.js

本文链接：https://blog.csdn.net/hy2356891299/article/details/129224323

版权

在vue3中我将表头数据放在reactive中，直接放的数组，如下：

const headerW = reactive([
    { type: 'selection' },
    { prop: 'iafr_store_name', label: '店铺', align: 'center', minWidth: '70px' },
    { prop: 'type_name', label: '报告名称', width: '120px', align: 'center' },
    { prop: 'iafr_type_value', label: '报告类型', minWidth: '130px', align: 'center' },
    { prop: 'iafr_sp_report_id', label: '报告编码', align: 'center', minWidth: '70px' },
    { prop: 'iafr_sp_report_document_id', label: '文件编码', minWidth: '150px', align: 'center' },
    { prop: 'iafr_status', label: '状态', align: 'center', width: '70px' },
    { slot: true, slotName: 'download', label: '原文件' },
    { prop: 'iafr_add_time', label: '拉取时间', width: '1