下拉框的数据置为危险的‘删除‘状态时弹窗确认

 

<el-form-item label="删除标志" prop="delFlag">
          <el-select v-model="form.delFlag" placeholder="请选择删除标志" @change="handleDelFlagChange">
            <el-option v-for="dict in dict.type.sys_ice_del_flag" :key="dict.value" :label="dict.label"
              :value="dict.value"></el-option>
          </el-select>
</el-form-item>

   handleDelFlagChange(value) {
        if (value === '1') {
          this.$confirm('确定要删除吗? 此操作将会使所有已出单的冰淇淋订单清空!', '提示', {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning'
          }).then(() => {
            // 用户点击确定
          }).catch(() => {
            // 用户点击取消，恢复原来的值
            this.form.delFlag = '0';
          });
        }
      },