Vue中如何给一个自带默认参数的事件传入第三方参数
今天在uniapp的一个商城练手项目中碰到的问题,我相信这也是困扰过前端朋友们的问题之一,话不多说直接看场景
这是一行uniapp自带的组件结构代码:
<!-- 商品数量 -->
<uni-number-box :min="1" :value="item.goods_count" @change="numberChange"></uni-number-box>
对应渲染图中的红色
框区域:
当我点击+
或者-
后会触发组件中自带的change
事件,而这个事件自带一个参数value
,也就是图中商品数量更改后的新值,但是呢,只更改红色框中的数量是毫无意义的,这个商品的实际存储的数量数据是没有任何变化的,还是1。那么我们就需要拿到当前数量更改的商品对象,由于我这里是用v-for
渲染的,每一个商品对象对应的是item
,拿到item
数据后才能进一步的更改当前商品的数量数据。但是这个change
事件已经默认注入了一个参数value
,我们怎么才能传入我们想要的item