TabBar 开启了show-slider,但是那根线的位置一直不对,什么原因啊
来源:4-1 tab 组件基础实现

慕前端2586507
2018-11-28
点击全部,那根线到了中间那里,位置不对
<template>
<div>
<cube-tab-bar
v-model="selectedLabelSlots"
@click="clickHandler"
show-slider>
<cube-tab v-for="item in tabs" :icon="item.icon" :label="item.label" :key="item.label">
</cube-tab>
</cube-tab-bar>
</div>
</template>
<script>
export default {
data() {
return {
selectedLabelSlots: "Vip",
tabs: [{
label: '全部',
}, {
label: '中国',
}, {
label: '美国',
}, {
label: '日本',
},{
label: '新加坡',
}]
};
},
methods: {
clickHandler(label) {
// if you clicked home tab, then print 'Home'
console.log(label);
},
}
};
</script>
写回答
1回答
-
ustbhuangyi
2018-11-29
你先看一下具体的报错,好像是 cube-tab-bar 组件内部有报错,先定位一下这个原因呢?
00
相似问题