45646468465
css:
.ivu-tabs-nav{
float: right;
}
.ivu-tabs .ivu-tabs-bar {
border-width: 0;
}运行结果:
2.模块浏览:
HTML:
{{duanluo}}
js:
各个模块的数量显示:
Main: {
data() {
return {
lab1: h => {
return h("div", [
h("span", "全部人力"),
h("Badge", {
props: {
count: this.length2,
}
})
]);
},
lab2: h => {
return h("div", [
h("span", "當班應到"),
h("Badge", {
props: {
count: this.length3,
}
})
]);
},
lab3: h => {
return h("div", [
h("span", "DL1"),
h("Badge", {
props: {
count: this.length4,
}
})
]);
},
length2:"",
length3:"",
length4:"",运行结果:
关于“如何实现iview tabs顶部导航栏和模块切换栏”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。
分享标题：如何实现iviewtabs顶部导航栏和模块切换栏
标题路径：http://bjjierui.cn/article/gipspg.html
