码迷,mamicode.com
首页 > 其他好文 > 详细

elemetUI开关状态误操作

时间:2019-11-18 13:16:16      阅读:86      评论:0      收藏:0      [点我收藏+]

标签:mode   提示   src   stat   load   color   message   else   开启   

<el-form-item>
     <el-switch  v-model="ruleForm.useStatus" @change="switchVhange()"></el-switch>
      <em v-if="ruleForm.useStatus == true">开启</em>
      <em v-else>关闭</em>
</el-form-item>

ruleForm:{useStatus: true}
switchVhange() {
     if(!this.ruleForm.useStatus == true) {
         this.$alertMsgBox(
              "是否确定关闭状态",
              "系统提示",
              "此为门店内部信息,请谨慎填写",
              "el-icon-question",
               "#FE9100")
          .then(() => {
                this.$messageOK("success", "已关闭");
})
           .catch(() => {
                this.ruleForm.useStatus = true
                this.$messageOK("info", "已取消");
});
         } else if(!this.ruleForm.useStatus == false) {
                this.$alertMsgBox(
                  "是否确定开启状态",
                   "系统提示",
                   "此为门店内部信息,请谨慎填写",
                   "el-icon-question",
                   "#FE9100")
                    .then(() => {
                       this.$messageOK("success", "已开启");
})
                    .catch(() => {
                        this.ruleForm.useStatus = false
                         this.$messageOK("info", "已取消");
 });
                }
            }

技术图片

 

elemetUI开关状态误操作

标签:mode   提示   src   stat   load   color   message   else   开启   

原文地址:https://www.cnblogs.com/home-/p/11881263.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!