老师，使用cubeui的scrollNav生成点餐联动列表，怎么样在左侧菜单栏添加上数量角标？

Answer 1

ustbhuangyi 2020-09-02 22:06:10

课程不是教你了么，往后学呀

Answer 2

提问者 LITAO67373 2020-09-02 18:12:48

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34

<cube-scroll-nav           v-if="goodsGet"           class="wrapper-cont"           style="width:100%"           :side="true"           :current="current"           :data="allGoodsList"           @change="changeHandler"           @sticky-change="stickyChangeHandler">           <cube-scroll-nav-panel             class="scroll-item-ui"             v-for="(item, index) in allGoodsList"             :key="item.name"             :label="item.name"             :title="item.name">             <ul class="wrapper-cont">               <li class="wrapper-cont-item slidebar-right-item" @click="toDetailsPageFn(good)" v-for="(good, ind) in item.list" :key="good.id">                   <GoodsImage :src="good.src" :sold-out="good.hasEmpty || good.saleStatus===0" />                   <GoodsInfo :info="good" :not-goods="good.hasEmpty || good.saleStatus===0" />                   <GoodsNumber                     class="goods-number-box"                     :gid="good.id"                     :index="ind"                     :groupIndex="index"                     @numberChange="numberChange"                     :soldOut="good.hasEmpty || good.saleStatus===0"                     :package-d="good.isSetMealType == 1"                     :data="good"                     :maxLen="good.saleCount"                   />               </li>             </ul>           </cube-scroll-nav-panel>         </cube-scroll-nav>

• 提问者 LITAO67373 #1

  这是使用的代码段，如何在组件内为左侧菜单添加数字角标呢，我在浏览器用vue插件看到了生成组件是scroll-nav-bar,但是使用的数量太多，我没有办法用插槽将数据插进去