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

Answer 1

ustbhuangyi 2020-09-02 22:06:10

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

Answer 2

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

<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,但是使用的数量太多，我没有办法用插槽将数据插进去