En la aplicación real, en el desarrollo real, también necesitamos pasar el valor de la casilla de verificación seleccionada al fondo, entonces, ¿cómo envía vue el valor seleccionado por la casilla de verificación de la casilla de verificación? Por ejemplo, envíelo al backend en forma de matriz de cadenas.
<template>
<div>
<el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange">
<el-checkbox v-for="city in cities" :label="city" :key="city"> {
{ city }} </el-checkbox>
</el-checkbox-group>
<el-button type="primary" @click="createData()">确定</el-button>
</div>
</template>
<script>
const cityOptions = ["上海", "北京", "广州", "深圳"];
export default {
data() {
return {
checkedCities: ["上海", "北京"],
cities: cityOptions,
};
},
methods: {
async createData() {
const params = {};
params.city = this.checkedCities;
alert(JSON.stringify(params));
},
handleCheckedCitiesChange(value) {
// console.log(value)
this.checkedValue = value;
},
},
};
</script>