uniapp checkbox change事件怎么知道哪个数据触发的
时间: 2023-02-08 20:40:35 浏览: 151
element-ui中select组件绑定值改变,触发change事件方法
在 UniApp 中,可以在 checkbox 的 change 事件中使用 event.target.value 来获取触发该事件的 checkbox 的值,也可以使用 event.target.dataset.index 来获取触发该事件的 checkbox 在数据列表中的索引。
如果使用 v-for 指令渲染 checkbox 列表,可以在 checkbox 上使用 v-bind 指令绑定一个自定义属性,如:
<template>
<view>
<checkbox v-for="(item, index) in list" :key="index" :value="item.value" v-bind:data-index="index" @change="onChange"></checkbox>
</view>
</template>
在 js 部分,在change 事件中可以通过 event.currentTarget.dataset.index来获取checkbox的索引
methods: {
onChange(event) {
console.log(event.currentTarget.dataset.index)
}
}
阅读全文