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

elementUI开关状态

时间:2019-10-12 20:34:07      阅读:108      评论:0      收藏:0      [点我收藏+]

标签:取消   message   data   inf   stat   系统   时代   this   code   

被骗了吧哈哈哈哈,这只是一个小小的操作相信大家都会我就是充个数,每天记录一点点

现在每个人都低着头,像船被搁在浅滩,现在是最好的时代,却也最坏

 

这次是拿假设做的 定义一个falg为true
<el-switch v-model=
"ruleForm.useStatus" @change="switchVhange()"></el-switch> <em v-if="ruleForm.useStatus == true">开启</em> <em v-else>关闭</em>

data中:

ruleForm: {
   useStatus: true,
 }
 falg: true
事件:@change当状态发生改变时触发
 switchVhange() {
      if (this.falg == true) {
        this.$alertMsgBox(
          "是否确定关闭状态",
          "系统提示",
          "此为门店内部信息,请谨慎填写",
          "el-icon-question",
          "#FE9100"
        )
          .then(() => {
            this.$message({
              type: "success",
              message: "已关闭"
            });
            this.falg = false;
          })
          .catch(() => {
            this.$message({
              type: "info",
              message: "已取消"
            });
            this.ruleForm.useStatus = true;
          });
      } else if (this.falg == false) {
        this.$alertMsgBox(
          "是否确定开启状态",
          "系统提示",
          "此为门店内部信息,请谨慎填写",
          "el-icon-question",
          "#FE9100"
        )
          .then(() => {
            this.$message({
              type: "success",
              message: "已开启"
            });
            this.falg = true;
          })
          .catch(() => {
            this.$message({
              type: "info",
              message: "已取消"
            });
            this.ruleForm.useStatus = false;
          });
      }
    }

 



 

elementUI开关状态

标签:取消   message   data   inf   stat   系统   时代   this   code   

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

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