element ui

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);
      });
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值