vue項(xiàng)目用的mintUI組件作為購物車模塊里,默認(rèn)不顯示,但是點(diǎn)開購物車內(nèi)容后,cellswipe組件的滑動(dòng)按鈕自動(dòng)出現(xiàn)

<div class="checkShoppingCar" v-show="shoppingCarListShow">

        <div class="cellSwipeBox">
            <div class="cellSwipeTitle">
                <p class="selected">已選擇</p>
                <i class="iconfont icon-shanchu" @click="delAllSelectProds"></i>
            </div>
            <div ref="scrollshoplist">
                 <mt-cell-swipe v-for="item in selectedProdsList"
                      :right="[
                        {
                          content: '刪除',
                          style: { background: 'red', color: '#fff' },
                          handler(){delHandle(item.id)}
                        },
                          {
                          content: '取消',
                          style: { background: '#c5c5c5', color: '#fff' },
                          handler(){cancleHandle() }
                        }
                      ]">
                    <div slot="title" class="slot_box">
                         <div class="slot_details">
                            <div class="sel_name">{{item.prod_name}}</div>
                             <div class="sel_price">￥ {{item.prod_price}}</div>
                         </div>
                         <shopping-car-prod-num class="prod_input"></shopping-car-prod-num>
                     </div>
                </mt-cell-swipe>
            </div>
            <div class="cellSwipeBottom"></div>
        </div>
        <div class="cellSwipeMask" @click="isShoppingCarListShow"></div>
    </div>