使用 pinia 状态做为表格 data 数据项 实现大数据量 渲染问题

[Yolo-00]

问题描述：

const list = ref([10000])

<vxe-table :data="list"></vxe-table>

//  app > defineStore
export const useAppStore = defineStore('app', () => {
    const list = ref([10000])
    return {list}
})


// vue
cosnt appStore = useAppStore();

<vxe-table :data="appStore.list"></vxe-table>

在同一表格配置下使用 ref 可以正常执行, 使用 pinia 下的 ref 就会导致页面卡死

[kamiponcloud]

你是不是没有开启虚拟滚动，https://vxetable.cn/#/component/table/scroll/vertical

[Yolo-00]

你是不是没有开启虚拟滚动，https://vxetable.cn/#/component/table/scroll/vertical

都已经配置了

<vxe-table :style="{ width: `${width}px` }" align="center" border :height="`${height}`"
                        :scroll-x="{ enabled: true, gt: 0 }" :scroll-y="{ enabled: true, gt: 0 }"
                        :data="appStore.list">

[kamiponcloud]

可以提供下你的vue，vxe-table和vxe-pc-ui的版本号吗？

[Yolo-00]

可以提供下你的vue，vxe-table和vxe-pc-ui的版本号吗？

"vue": "^3.4.21"
"pinia": "^2.3.0",
"vxe-table": "^4.11.1"
未使用 vxe-pc-ui