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

来源:1-1 课程简介

LITAO67373

2020-09-02

写回答

2回答

ustbhuangyi

2020-09-02

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

0
0

LITAO67373

提问者

2020-09-02

<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>


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

Vue.js 源码深入解析 深入理解Vue实现原理

全方位讲解 Vue.js 源码,进阶高级工程师

4984 学习 · 1037 问题

查看课程