<template>
<div class="hello">
<h1>{{ msg }}</h1>
<div>
<Select v-model="value" placeholder="请选择" @on-change="selectCapa">
<Option v-for="item in myOptions" :key="item.value" :label="item.label" :value="item.value">
</Option>
</Select>
</div>
</div>
</template>
<script>
export default {
created() {
let result;
let promise = new Promise ((resolve,reject)=>{
sessionStorage.setItem("user", JSON.stringify([{
value: "test1",
label: '程博平',
}, {
value: "test2",
label: '王立'
}, {
value: "test3",
label: '崔勇'
}]))
result = JSON.parse(sessionStorage.getItem("user"))
if(result) {
resolve(result)
}else {
reject(result)
}
})
promise.then((val)=>{
this.myOptions = val
},(val)=>{
// console.log(1)
})
// console.log(JSON.parse(sessionStorage.getItem("user")))
},
data() {
return {
msg: 'yxm better',
value:'',
oldVal: '',
returned: false,
myOptions:''
}
},
watch:{
value:{
handler(curVal,oldVal){
this.oldVal = oldVal
//this.$set(this.value,oldVal)
// return false
// return oldVal;
},
},
},
methods: {
selectCapa(){
//console.log(this.returned)
if(! this.returned){
this.returned = false;
this.$Modal.confirm({
title: '切换确认',
content: '您确认要切换开关状态吗?',
onOk: () => {
this.$Message.info('切换身份成功');
},
onCancel: () => {
this.$Message.info('已取消切换身份');
this.returned = true
//this.$set(this.value,oldVal)
this.value = this.oldVal
// return oldVal;
}
});
}else{
this.returned = false
}
},
}
}
</script>