1.Select切换选择后台:实现select选中后,弹框??让用户确认是否选择切换,确认则更改值,若则恢复旧值取消。change选中值改变时触发的解决方法:可以定义一个变量来决定弹框是否提示用户是否选择切换,同时对数据进行赋值等操作通过监视选择的值。方法一HTMLjs//每次切换都需要弹框确认是否切换//在其实在change事件的时候,value的值已经改变了,但是弹框当前是添加的,如果取消了会使用旧的值。modelChange(){if(!this.isModeChange){this.isModeChange=falsethis.$confirm('你确定要切换吗?','Prompt',{type:'warning',confirmButtonText:'OK',cancelButtonText:'Cancel'}).then(()=>{this.$message({type:'success',message:'切换成功!'});}).catch(()=>{this.$message({type:'info',message:'Togglecancelled'})this.isModeChange=falsethis.value=this.oldVal})}else{//当前测试不会走到这一步this.isModeChange=false}},watch:{值:{handler(curVal,oldVal){this.oldVal=oldVal}}}效果截图:方法二还可以给选项添加点击事件,选择后弹出框让用户确认是否选择切换HTML二、select点击事件使用@click="msChange",该事件不起作用使用@click.native="msChange",click事件会先于change事件被触发。