el-select 下拉框切换提示功能

功能描述：如图所示，在切换数据集时，弹出对应的消息提示框，点击确定即切换成功，点击取消则取消切换！

实现思路：1、绑定ref属性（重点，一定要绑定），绑定change事件

<el-select
v-model="onlineForm.dataSet"
filterable
ref="optionref"
@change="changeDataSet()"
>

实现思路：2、获取preValue，即切换下拉框之后之前的值，理解为之前值

    changeDataSet() {
      let preValue = this.$refs.optionref.value
      let preLength = preValue.length
        this.$confirm("是否确认切换数据集", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
        })
          .then(() => {
                
            this.$refs.optionref.blur()
          })
          .catch(() => {
            this.onlineForm.dataSet = preValue
            this.$refs.optionref.blur()
            return false
          });
    }

重点：1、绑定ref属性，获取绑定之前的值

        2、通过ref属性，给下拉框聚焦，不然点击后，下拉框还一直在