我一点击就全部选中了,我想点击当前的时候,得到当前的value值
<template>
<div>
<div v-for="item in testData" :key="item.id">
<input type="checkbox" :checked="item.value" :value="item.value" v-model="checkedNames">
<label :for="item.value">{{item.value}}</label>
</div>
<span>选择的值为: {{ checkedNames }}</span>
</div>
</template>
<script>
export default {
data() {
return {
checkedNames: "",
testData: [
{ id: 1, value: "jie" },
{ id: 2, value: "biao" },
{ id: 3, value: "nine" }
]
};
}
};
</script>
相关分类