<--实现后端返回数据处理多选: -->
<el-checkbox-group v-model="selectedLanguages">
<el-checkbox :label="1">中文</el-checkbox>
<el-checkbox :label="2">英文</el-checkbox>
</el-checkbox-group>
//data定义一个数组变量,多选接收的是数组
selectedLanguages: [],
//后端返回的是数组字符串格式['1','2'],前端点击修改以逗号分割
const selectedLanguages = res.data.dataList[0].language.split(",").map(lang => parseInt(lang));
//赋值给变量
this.selectedLanguages = selectedLanguages;
//提交表单
// 将选中的语言转换成以逗号分隔的字符串
const languageStr = this.selectedLanguages.join(',');
// 将转换后的字符串放入 你要提交到后台的对象中
this.form.dataList[0].language = languageStr;
elementUi实现多选
最新推荐文章于 2024-07-09 14:10:47 发布