美文网首页
【转】vue3关于动态组件不渲染的问题

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

作者: holidayPenguin | 来源:发表于2023-11-06 00:49 被阅读0次

    一、问题描述

    使用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

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/ofutwdtx.html