Vue事件除默认参数外手动再注入其他参数

情景是在使用vuetify时有个单选框组件自带的change事件,这个事件会默认注入一个参数就是改变的值,但是我是用v-for生成的多个radio组件,所以需要手动传递一个index参数来判断是哪个值需要改变。

情景就是如上所说,相信很多人都会很困扰这个问题,因为你只要一手动传参那么默认参数也会拿不到,同时我们使用的是组件库,不可能去更改他们的代码,所以这里会推荐大家使用下列这种方式

 @change="(v) => changeRadio(v, index)"

这里的v就是默认传递的value值,后面的index是我手动注入的。为了方便理解特放出部分源码供参考

<v-list three-line>
    <template v-for="(item, index) in items">
      <v-list-item :key="index">
        <v-list-item-action>
          <v-btn icon>
            <v-radio-group
              v-model="item.radio"
              @change="(v) => changeRadio(v, index)"
            >
              <v-radio label="合格" value="1"></v-radio>
              <v-radio label="不合格" value="0"></v-radio>
            </v-radio-group>
          </v-btn>
        </v-list-item-action>
      </v-list-item>
    </template>
    <v-list-item>
       </v-list-item>
  </v-list>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值