【转】vue3关于动态组件不渲染的问题

2023-11-06  本文已影响0人  holidayPenguin

一、问题描述

使用setup语法糖时,通过v-for循环<component :is="item.****"></component>时组件渲染不上。

二、解决方案

①不使用setup语法糖,必须自己注册组件

②使用shallowReactive将组件进行包装 推荐

三、代码示例

方案一代码:

1.使用setup语法糖时,动态组件失效。注:下面代码item.component 为组件名(hcText)

image.png

2.使用vue3.0写法或vue2写法测试可以渲染。

image.png

方案二:代码

image.png
image.png

欢迎点赞评论!!!
————————————————
版权声明:本文为CSDN博主「转身撞倒树」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/yy18194342771_zybzyb/article/details/129180969

上一篇下一篇

猜你喜欢

热点阅读