vue多选怎末向后台传输value的值是1，怎么将1替换

Question

如题

<input type="checkbox" value="a" checked style="margin-top:17px;" v-model="a" />A

                        <input type="checkbox" value="b"   checked style="margin-left:3.6%;" v-model="b" />B
                        <input type="checkbox" value="c"   checked style="margin-left:3.6%;" v-model="c" />C
                        <input type="checkbox" value="d"   checked style="margin-left:3.6%;" v-model="d" />D

---

Answer 1

你对这个属性可能有误解；

<template>
    <div>
        <input type="checkbox" value="a" v-model="checkedValue" />A
        <input type="checkbox" value="b" v-model="checkedValue" />B
        <input type="checkbox" value="c" v-model="checkedValue" />C
        <input type="checkbox" value="d" v-model="checkedValue" />D
    </div>
</template>
<script>
export default {
    data() {
        return {
            checkedValue:[]
        }
    },
}
</script>

比如你勾选了 A 和 C， checkedValue的值就是 ['a','c']