3回答

慕虎2459995

2020-01-07

你好！请问是哪里有问题？我也遇到这坑，怎么改，在线求！感谢！

0

3

慕仰7490998

回复

长脖儿都爱笑

还真是css写错了，我是tab组件的css,细节决定成败

2020-08-17

共3条回复

ustbhuangyi

2019-04-13

你说的上下联动是什么意思？

0

3

qq_椭圆的南瓜_03336888

回复

ustbhuangyi

我再好好查查吧，多谢你的热心帮忙

2019-04-13

共3条回复

qq_椭圆的南瓜_03336888

提问者

2019-04-13

问题中的代码怎么不显示？代码如下

<template>
 <div class="tab">
   <cube-tab-bar
     :showSlider=true
     v-model="selectedLabel"
     :data='tabs'
     ref="tabBar"
     class="border-bottom-1px"
   >
   </cube-tab-bar>
   <div class="slide-wrapper">
     <cube-slide
       :loop=false
       :auto-play=false
       :show-dots=false
       :initial-index="index"
       ref="slide"
       @change="onChange"
     >
       <cube-slide-item>
         <Goods></Goods>
       </cube-slide-item>
       <cube-slide-item>
         <Ratings></Ratings>
       </cube-slide-item>
       <cube-slide-item>
         <Seller></Seller>
       </cube-slide-item>
     </cube-slide>
   </div>
 </div>
</template>

<script>
 import Goods from 'components/goods/goods'
 import Ratings from 'components/ratings/ratings'
 import Seller from 'components/seller/seller'

 export default {
   name: 'tab',
   data() {
     return {
       index: 0,
       tabs: [
         {label: '商品'},
         {label: '评价'},
         {label: '商家'}
       ]
     }
   },
   computed: {
     selectedLabel: {
       get() {
         return this.tabs[this.index].label
       },
       set(newVal) {
         this.index = this.tabs.findIndex((value) => {
           return value.label === newVal
         })
       }
     }
   },
   methods: {
     onChange (v) {
       console.log('------------------' + v)
       this.index = v
     }
   },
   components: {
     Goods,
     Ratings,
     Seller
   }
 }
</script>

0

1

慕仰7490998

我也是卡在你这里了，难受唉

2020-08-15

共1条回复