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 组件内部有报错,先定位一下这个原因呢?

0
0

Vue.js2.5+cube-ui重构饿了么App(经典再升级)

掌握Vue1.0到2.0再到2.5最全版本应用与迭代,打造极致流畅的WebApp

9868 学习 · 4162 问题

查看课程