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

使用setup语法糖时，通过v-for循环时组件渲染不上。

转身撞倒树

3928人浏览 · 2023-02-23 14:40:17

转身撞倒树 · 2023-02-23 14:40:17 发布

一、问题描述

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

二、解决方案

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

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

三、代码示例

方案一代码：

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

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

方案二：代码

欢迎点赞评论！！！

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^