商品列表渲染问题

Question

老师，为什么我要把absolute删掉左边才会显示goods,而且也不能滚动
https://gitee.com/L_JLong/vue-booking.git

Answer 1

ustbhuangyi 2020-04-16 09:44:13

App.vue 里，你需要给 tab-wrapper 写样式，让它有固定高度

Answer 2

ustbhuangyi 2020-04-15 15:37:40

你这代码下载下来运行各种报错呀，先把报错解决了吧

• 提问者 weixin_慕工程3133061 #1

  https://gitee.com/L_JLong/vue-booking.git   
  老师我这里只有报一个错误就是下面这个 ，同样找不出问题在哪，烦请老师帮忙看一下
  [Vue warn]: Property or method "item" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.
  
  found in
  
  ---> <Goods> at src/components/goods/goods.vue
         <CubeSlideItem> at node_modules/cube-ui/src/components/slide/slide-item.vue
           <CubeSlide> at node_modules/cube-ui/src/components/slide/slide.vue
             <Tab> at src/components/tab/tab.vue
               <App> at src/App.vue
                 <Root>

• 提问者 weixin_慕工程3133061 #2

  老师，项目不报错了，就还是老问题，不注释掉.scroll-nav-wrapper的position: absolute的话还是渲染不出商品列表

Answer 3

提问者 weixin_慕工程3133061 2020-04-15 15:13:58

git上的代码涉及到后面课程很多的改动，所以代码是对着老师视频5-1里敲的，对比了几次都没有发现有什么不对