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

解决方案

开题直接放解决方案,不墨迹,解决方案很简单,提示你去给组件使用markRaw or shallowRef包起来就好了,我直接使用了markRaw来包起组件
在这里插入图片描述

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

直接在应用组件那里包起来就好了,就不会报错了
在这里插入图片描述

前言

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

警告分析

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

在这里插入图片描述

评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小蓝阿姨

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值