uniapp（vue）在v-for中组件的事件中添加自己的参数

在html中给我们经常会因为数据是列表而需要用循环来展示数据。而其中有些组件是有回调事件的。这时候循环中如何知道是哪个数据在触发事件就是很重要的事，否则无法修改对应的数据。

举个例子，我们在购物车中需要用到uni-number-box去修改数量，购物车的商品肯定是用循环生成的。每个商品对应着一个uni-number-box。但是uni-number-box的change事件仅仅只返回当前数量的值。在代码中我们并不知道去给具体哪个商品修改数据：

而我们在v-for中，可以有列表的下标，甚至是直接拿数据对象作为参数传给我们的事件函数，这样我们才知道去修改具体哪个商品的数量：

    // 加减数量的事件
    function numberBox(value: number, goods: iCartGoods) {
        goods.num = value;
    }

value是组件提供的，goods是我们的具体商品对象。所以我们得在事件中再包裹一层方法：

 @change="($value:number) => { numberBox($value, goodsItem);}"

uni-number-box的change事件就这样写，就可以把我们想要的参数goodsItem传进来了。