Property xxx was accessed during render but is not defined on instance. 和 ResizeObserver loop limit

在Vue3项目中引入ElementUI时遇到了Propertysizewasaccessedduringrenderbutisnotdefinedoninstance的错误。报错原因是尝试访问未在实例上定义的size属性。解决方案是在组件的setup函数中使用ref定义size,然后在模板中使用。通过在setup中返回size,可以消除渲染时的错误,得到无报错的控制台。
摘要由CSDN通过智能技术生成
  • 问题出现,在Vue3中引入了elementui相关报错

关于今天在Vue3中遇到的Property "size" was accessed during render but is not defined on instance. 然后还报错了ResizeObserver loop limit /(ㄒoㄒ)/~~

出现的报错意思是 " 属性'xxx(size)'在渲染期间被访问,但未在实例上定义 "

引入elementui中Vue3template里的相关代码

  •  解决方案(☆▽☆)

只需要在对应的组件中在实例中定义即可😊

<script>
import { ref } from 'vue'

export default {
    name:'MyProject',
    setup(){
      const size = ref('')
      return {size}
    }
}
</script>

🤩然后就可以得到一个干干净净的没有报错的控制台啦!o(* ̄▽ ̄*)ブ

 

  • 6
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值