如何在js中传递vue组件?
使用 Arco 写了个前端项目,由于 Arco 的图标全都是用组件方式调用,但是菜单数组中的 icon 项是字符串,有什么办法能把字符串渲染成组件的呢?
const menu = {
id: 1,
name: '示例菜单',
url: '/dashboard',
icon: 'icon-plus'
}
<a-menu-item>
<template #icon>
<!-- 正常是用 <icon-plus /> 来显示图标的 -->
<menu.icon /> <!-- 这样写肯定是不对的,想问对的应该怎么写才对? -->
</template>
{{ menu.name }}
</a-menu-item>
自己解决了。通过封装一个组件,将字符串转换为组件来解决。