element-plus SvgIcon怎么配合路由的meta使用？

  • Z时代
  • 2024-02-07
  • 分类：IT

element-plus SvgIcon怎么配合路由的meta使用？

问题描述

因为Font Icon在element-plus的第一个正式版上将会被废弃，所以想把项目的icon都改成SvgIcon，在Font上，直接 <el-icon :class="item.meta.icon"> 就好了，但是现在SvgIcon改成了<edit />这种写法，那样的话，我路由上的meta应该怎么写才能被解析？

问题出现的环境背景及自己尝试过哪些方法

尝试过用v-html，无法被解析成svg，只输出了html标签

相关代码

Base.vue
<span v-html="item.meta.icon" />
router.ts

{
  path: '/dashboard/workplace',
  name: 'workplace',
  component: () => import('../views/dashboard/Workplace.vue'),
  meta: { title: '工作台', isShow: true, icon: "home-filled", index: 'workplace' }
}

回答：

用动态组件呗。

<component is="edit" />

以上是 element-plus SvgIcon怎么配合路由的meta使用？ 的全部内容， 来源链接： utcz.com/p/936007.html

回到顶部