el-table里写el-switch

无敌的宇宙
无敌的宇宙
擅长邻域:Java,HTML,JavaScript,MySQL,支付,退款,图片上传

分类: vue 专栏: vue 标签: vue表格里写switch开关

2022-09-24 21:39:07 552浏览

vue表格里怎么写switch?这里简单的写写如何使用

记住是change时间不是click,model是布尔类型

 <el-table-column  label="账号状态"   align="center">
            <template slot-scope="scope">
              <el-switch v-model="scope.row.enable"
                         :active-value="1"
                         :inactive-value="0"
                         @change="handleSwitchChange(scope.row,scope.$index)"></el-switch>

            </template>
          </el-table-column>
handleSwitchChange(row,index){

      editAppUser(row).then((res)=>{
        if(res.success){

          if(row.enable==1)this.$message.success("已启用");
          else this.$message.error("已禁用");
          this.getList();
        }else{
          this.$message.warning(res.message);
        }
      }).finally(() => {  })
    },

好博客就要一起分享哦!分享海报

此处可发布评论

评论(0展开评论

暂无评论,快来写一下吧

展开评论

您可能感兴趣的博客

客服QQ 1913284695