irpas技术客

当vue3提示[Vue warn]: Vue received a Component which was made a reactive object._小蓝

未知 8059

解决方案

开题直接放解决方案,不墨迹,解决方案很简单,提示你去给组件使用markRaw or shallowRef包起来就好了,我直接使用了markRaw来包起组件

// 直接包起来 import { markRaw } from 'vue'

直接在应用组件那里包起来就好了,就不会报错了

前言

当我在使用到一个组件的时候,他报了这么一个警告 错误的提示地方,通过这个错误的定位是在我使用这些个edit组件里面报的,这些个组件是由elementPlus引入的

警告分析

先分析一下我这个警告的原因 我这个东西的需求是通过一个表格的数据,渲染成一个一个的按钮的 比如我用elementPlus表格组件,我一次要渲染二十行数据,我是通过elementPlus去渲染他,也就是说我要渲染一样行的组件,这样子性能消耗有一点一点的大,我只想响应的主要是数据,而不是组件,所以就提示我们要调整这个组件的渲染方式了


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #当vue3提示Vue #warn #Vue #received #a #component #which #was