elementUI开关状态
Posted home-
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了elementUI开关状态相关的知识，希望对你有一定的参考价值。
被骗了吧哈哈哈哈，这只是一个小小的操作相信大家都会我就是充个数，每天记录一点点
现在每个人都低着头,像船被搁在浅滩,现在是最好的时代,却也最坏
这次是拿假设做的 定义一个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开关状态的主要内容，如果未能解决你的问题，请参考以下文章
elementUI的Switch开关怎么绑定ajax请求来改变状态