H5页面，vant组件，如何取vant-field中的name值

Question

<div v-for="(item,index) in list" :key="index">

<van-field :value="item.name" :name="index" @input="changeName" />

<van-field :value="item.phone" :name="index" @input="changePhone" />

</div>

changeName(value){

let index=this.target.dataset.name;//取name值，报错，这里该如何取值？

this.list[index].name=value;

}

请教大家，H5页面，使用vant组件，如何取到vant-field中name的值？

Answer 1

把当前的index值传过去

<van-field :value="item.name" :name="index" @input="(val) => changeName(val, index)" />

val依然是当前输入的值