Element-UI 表单 在新增和编辑和详情是一个页面的情况下 如何在点击详情页时候 取消表单效验

在 Element-UI 表单中，可以使用 `this.$refs.form.clearValidate()` 方法来清除表单的校验状态。在点击详情页时，可以调用这个方法，取消表单的校验。具体实现方式如下：

1. 在表单组件中添加 ref 属性，方便访问表单组件：

<el-form ref="form">
  <!-- 表单内容 -->
</el-form>

2. 在详情页的路由中，监听路由的 beforeEnter 钩子，在进入详情页之前，调用表单组件的 clearValidate 方法来清除表单的校验状态：

beforeEnter(to, from, next) {
  // 取消表单效验
  this.$refs.form.clearValidate();
  next();
}

这样，在进入详情页时，表单的校验状态就会被清除，不影响用户查看详情信息。