el-select切换选项时提示是否继续，点击取消值不变，确定值改变

<template>
  <div>
    <h3>el-select切换选项时提示是否继续，点击取消值不变，确定值改变</h3>
    <h3>
      以上办法都会有一个缺点就是点击下拉修改值，下拉框的值立马会变，点击取消，值又会变回去
    </h3>
    <h3>当点击确定之前值都不变，当点击取消值也不变，当点击确定值才改变</h3>
    <h3>当只有2个值切换时,简单取反,当然也可以使用watch</h3>
    <h3>watch采用反向赋值法</h3>
    <el-select v-model="inputVAL" placeholder="请选择" @change="change">
      <el-option
        v-for="item in optionsInputVAL"
        :key="item.value"
        :label="item.label"
        :value="item.value"
      >
      </el-option>
    </el-select>
  </div>
</template>
<script