element-ui 的select下拉选择框,当切换选项时触发事件弹出提示框,点击确认切换,取消则不改变数据

需求

select下拉选择框有一个默认选中的初始值,当我们切换选择的值时,弹出提示框,弹框包含取消和继续按钮,提示信息为:改变选择的值XXXXX,是否继续?

点击继续 选中的值改变

点击取消 则保持之前选中的值不变

代码

大体思路就是要保存一份前一次选中的值,切换值后,弹出提示框,当确认时,发送请求改变数据,否则,将值赋为之前选中的那个值。




你可能感兴趣的:(element-ui 的select下拉选择框,当切换选项时触发事件弹出提示框,点击确认切换,取消则不改变数据)