在 Vue 2 中,Element UI 提供了 el-breadcrumb 面包屑组件,而在 Vue 3 中,Element UI 的官方版本并没有直接更新以支持 Vue 3,但有一个类似的库叫做 Element Plus,它是为 Vue 3 设计的。
Vue 2 + Element UI
在 Vue 2 的 Element UI 中,el-breadcrumb 组件用于显示当前页面的路径,以面包屑的形式。
属性(Props)
separator:分隔符,默认为斜杠/。separator-class:分隔符的类名。
事件(Events)
el-breadcrumb 组件在 Element UI 中并没有定义特定的事件。
示例
<template>
<el-breadcrumb separator="/">
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
<el-breadcrumb-item :to="{ path: '/about' }">关于我们</el-breadcrumb-item>
<el-breadcrumb-item>联系我们</el-breadcrumb-item>
</el-breadcrumb>
</template>
<script>
export default {
// ...
};
</s
Vue面包屑导航

最低0.47元/天 解锁文章
983

被折叠的 条评论
为什么被折叠?



