面包屑的分隔右箭头引入报错

来源:5-6 面包屑实现

枫林_souvenir

2022-06-19

图片描述图片描述

写回答

2回答

河畔一角

2022-06-21

确实不行,应该是官方有bug,我本地试了也不行。直接用separator=">"这样更简单

0
2
曹雨sama
回复
枫林_souvenir
确实,我试了一下。放入setup函数中返回,警告就可以避免 import { ArrowRight } from '@element-plus/icons-vue' import { useRoute } from "vue-router" export default { name: "BreadCrumb", setup() { const route = useRoute() const breadList = route.matched console.log(breadList) return {ArrowRight, breadList} } }
2022-07-20
共2条回复

飞飞1956514

2024-01-01

main.js 中添加

import * as ELIcon from '@element-plus/icons-vue'

for(let iconName in ELIcon){

    app.component(iconName, ELIcon[iconName])

}


然后 BreadCrumb.vue 这样使用

<el-breadcrumb separator-icon="ArrowRight" >


1
0

Vue3+ElementPlus+Koa2 全栈开发后台系统

从前端晋级到全栈,让你的未来发展有更多可能

1069 学习 · 580 问题

查看课程