1.星期复选框
<el-check-group v-model="checkboxGroup" @change="weekCheckbox">
<el-checkbox v-for"item in detaList"
:key="item.key" :label="item.key">
{{item.key}}
</el-checkbox>
</el-check-group>
``
```typescript
data里定义
datalist:[
{
title: "星期一",
key: "1",
},
{
title: "星期二",
key: "2",
},
{
title: "星期三",
key: "3",
},
{
title: "星期四",
key: "4",
},
{
title: "星期五",
key: "5",
},
{
title: "星期六",
key: "6",
},
{
title: "星期天",
key: "0",
},
]
checkboxGroup:[{}] //定义绑定的值并把后台的数据用,切割成数组字符串
this.checkboxGroup = res.data.week.week.split(",");
this.checkboxGroup=
//选中时调用的方法
weekCheckbox(e){
console.log(this.checkboxGroup};}
因为他们在一个保存按钮的点击事件里面,所以要把值显示在页面上,渲染的数据要写在这个方法里面
addmarketd(){
定义content把后端展示的数据放在一个新的数组里面
var content =Array(this.checkboxGroup);
把content赋值给前端在添加按钮上自定义的weekday字段
this.addmarketData.weekDay= content[0]
调用后端的接口拿出来数据并且赋值给前端的接受字段里面
dayAdd(this.addmarketData).then((res) => {
console.log(res);
this.checkboxGroup.weekDay=res.data[0].week;
this.addmarketData.name = res.data[0].name;
this.$message({
message: "添加成功",
type: "success",
});
setTimeout(() => {
this.addmarketData.weekDay =[];
this.addmarketData.sectionId = "";
}, 1000);
}).catch((err) => {
setTimeout(() => {
this.addmarketData.weekDay = [];
}, 1000);
console.log(err);
});