ant在vue中实现计数器

首先,效果如图

但是ant没有这种样子的,所以自己手搓

  <a-button-group>
                  <a-button icon="minus" @click="decline" />
                  <span style="margin: 0 10px">{
   
   { modalParam.num }}</span>
                  <a-button icon="plus" @click="modalParam.num++" />
   </a-button-group>

methods里面判断

   // 异常株数（株）减少事件
    decline() {
      if (this.modalParam.num > 0) {
        this.modalParam.num--
      } else {
        return
      }
    },