一、面包屑导航（breadCrumb）
标签（tag）
1.在main.js中引用tag
2.在页面或组件中使用tag
3.Tag的属性
4.Tag的事件有两个，点击和关闭
总结
面包屑导航(breadcrumb)
breadcrumb的使用：
按需引入的需要引入两个模块:Breadcrumb、BreadcrumbItem,在main.js中
// main.js
import {Breadcrumb, BreadcrumbItem} from 'element-ui';
// 面包屑导航,注入到全局
vue.use(Breadcrumbhttp://www.cppcns.com)
Vue.use(BreadcrumbItem)
在页面中使用
breadcrumb很简单，直接定义即时，跳转功能通过为BreadcrumbItem组件添加to属性即可。如下例子：
{{item.label}}
<;/el-breadcrumb>
export default {
name:'ComHeader',
data:function(){
return {
tabList:[
{
name:'index',
// 这里的路径必须是vue-router里定义的路由
path:'/',
label:'首页'
},{
name:'user',
// 这里的路径必须是vue-router里定义的路由
path:'/user',
www.cppcns.com label:'用户管理'
},{
name:'mall',
// 这里的路径必须是vue-router里定义的路由
path:'/mall',
label:'商品管理'
}
]
}
}
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
