element-ui对话框el-dialog初始化form时有校验提示

初始化有校验提示

image.png

但是需求不想初始化就有提示
思路：在打开弹框的时候，清除校验结果，但是第一次点击没有必要清除
判断this.$refs['informationMaintenanceFrom']的值，如果不是undefined就清除
informationMaintenanceFrom是dialog中的form绑定的值

/**
     * @Author: XiuRongWang
     * @Description: 维护
     * @Return: 
     * @LastEditors: XiuRongWang
     * @param {*} index
     * @param {*} row
     */
    async handleMaintain(index,row){
      this.dialogFormVisible = true
      this.informationMaintenanceFrom = JSON.parse(JSON.stringify(row))
      if (this.$refs['informationMaintenanceFrom'] !== undefined) {
        this.$refs['informationMaintenanceFrom'].resetFields()
      }
    },

点击关闭时也要清除校验结果

/**
     * @Author: XiuRongWang
     * @Description: 对该表单项进行重置，将其值重置为初始值并移除校验结果
     * @Return: 
     * @LastEditors: XiuRongWang
     */
    handleDialogClose(){
      this.dialogFormVisible = false
      this.$refs['informationMaintenanceFrom'].resetFields()
    },

这样就不会有高亮的提示啦~

image.png