vue Element InputNumber 计数器传参数

当我们在列表中使用InputNumber 这个组件的时候

即想要计数器的值,又想给方法传递参数进行操作的时候,就用到了这个,官网文档并么有详细介绍,这里我踩个坑,

 

 

<div class="cart-one" v-for="(cartItem,index) in cartList" :key="index">
              <div class="cart-item flex-2">
                <img class="goods-img" :src="cartItem.logo" alt />
                <div class="gooda-name">{{cartItem.name}}</div>
              </div>
              <div class="cart-item">￥{{cartItem.price.toFixed(2)}}</div>
              <div class="cart-item">
                <el-input-number
                  v-model="cartItem.buyNum"
                  size="small"
                  @change="((val)=>{handleChange(val, cartItem)})"
                  :min="1"
                  :max="100"
                  label="描述文字"
                ></el-input-number>
              </div>
              <div class="cart-item">￥{{cartItem.price.toFixed(2)}}</div>
              <div class="cart-item cursor" @click="deleteBtn(cartItem.goodsId)">删除</div>
            </div>

 handleChange(value,index) {
      console.log(value,index);
    },