使用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
动态组件 在组合标签中比如table,不通过动态组件来渲染模板的情况下会发生模板渲染错位的问题. 我们可以在HTM...
什么是动态组件 动态组件指的是动态切换组件的显示与隐藏 实现动态组件渲染 vue 提供了一个内置的
1、什么是动态组件？ 动态组件指的是动态切换组件的显示与隐藏 2、如何实现动态组件渲染？ vue提供了一个内置的<...
1. 什么是动态组件 动态组件指的是动态切换组件的显示与隐藏。 2. 如何实现动态组件渲染 vue 提供了一个内置...
1. 什么是动态组件 动态组件指的是 动态切换组件的显示与隐藏 2. 如何实现动态组件渲染 vue提供了一个内置的...
首先需要了解vue内置组件 component 渲染一个“元组件”为动态组件。依is的值，来决定哪个组件被渲染。 ...
keep-alive 主要用于保留组件状态或避免重新渲染,包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。...
使用场景：需要根据数据（新闻详情页），动态渲染的场景，即组件类型不确定。 动态组件基本使用 用动态组件实现切换 什...
是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 包裹动态组件时，会缓存不活动的组件...
本文标题：【转】vue3关于动态组件不渲染的问题
本文链接：https://www.haomeiwen.com/subject/ofutwdtx.html
网友评论