最新的ElementPlus图标使用动态组件方式渲染失败

来源：4-16 业务落地：修复最后残余问题

sunzhenyang

2022-11-09

按照步骤操作完之后，直接使用图标是可以的

<i-ep-setting class="icon" />
<!--
渲染出了 SVG 图标
-->

但是换成动态组件就不行了

<component class="icon" :is="iconName" />
<!-- 渲染结果为空白，内容如下：
<i-ep-setting class="icon" data-v-02d3e8fd=""></i-ep-setting> 
-->

渲染出来的结果如下
图片描述

请问这个有什么解决办法吗？

写回答

1回答

Sunday

2022-11-09

你好

这个可以把你的代码给我发一下，我看看这种情况使用动态组件怎么处理。（QQ 群中联系：LGD_Sunday）发送项目压缩包（去除 node_Modules）或者 git 地址均可

Sunday

sunzhenyang

你好，在你的代码中 i-ep-setting 并不是一个被注册的组件，而是一个通过 unplugin-auto-import 插件被自动导入的组件。而对于 component 动态组件而言，他只能渲染被注册的（在 app._context.components 中可以查询到的）组件，所以 i-ep-setting 无法通过动态组件的形式被渲染。

2022-11-09

共2条回复

基于Vue3新标准，打造后台综合解决方案

基于Vue3重写Vue-element-admin,打造后台前端综合解决方案

1940 学习 · 1687 问题

查看课程

相似问题

element-plus": "^1.2.0-beta.1"菜单图标不显示

回答 2

路由跳转但组件没有渲染

回答 1

关于在vuex中替换scss变量值但无法二次渲染的问题

回答 1

sidebar使用 generateTitle函数实现国际化 generateTitle函数为什么是响应式的？

回答 1

关于 sidebar-item 组件中使用 sidebar-item 组件

回答 1

打开慕课网App查看更多内容