vue组件传除默认参数之外的参数

107 阅读1分钟

为自带默认参数的事件传递其他参数

下面的代码,VanSwitch组件的change事件有默认参数,我希望再为onChange函数传入item对象。

<div class="item" v-for="(item, index) in list">
  <div class="label">{{ item.title }}</div>
  <div class="text">
    <VanSwitch 
      @change="onChange" 
      v-model="item.status"/>
  </div>
</div>

1.箭头函数写法

<VanSwitch 
  @change="(event)=>onChange(event, item)"
  v-model="item.status"/>

event为默认参数,item为自定义的参数

2.$event

<VanSwitch 
  @change="onChange($event, item)"
  v-model="item.status"/>

$event为默认参数,item为自定义的参数

如默认参数有多个,推荐使用第一种办法,箭头函数的写法