vue3 同个组件在V-FOR循环下引用多次,状态冲突的解决办法。

461 阅读1分钟

错误示例: F83A12A6-42FD-45C7-9C8D-85CF3AA1C60E.png

在export 外面定义一个 chartInstance变量 在setup 挂载的钩子中赋值

结果导致在所有组件都渲染完成后,使用console.log() 打印chartInstance 或是在组件中使用到了 chartInstance 都会以你最后一个赋值的变量来使用

正确示例: 8C520C7B-C6A4-41F0-A6A6-79D7CE00C55F.png

这样可以保证每个复用的组件都是单独的一个状态

由此可知,在export default外部的变量可以理解为静态变量 学到了,学到了