Element-UI 表单 在新增和编辑和详情是一个页面的情况下 如何在点击详情页时候 取消表单效验
时间: 2024-05-07 14:23:45 浏览: 49
使用element-ui +Vue 解决 table 里包含表单验证的问题
在 Element-UI 表单中,可以通过设置 `:rules` 属性来定义表单验证规则。要在点击详情页时取消表单验证,可以将 `:rules` 属性设置为一个空数组,如下所示:
```html
<el-form :model="form" :rules="rules">
<!-- 表单项 -->
</el-form>
```
在点击详情页时,可以将 `rules` 数组设置为空数组:
```javascript
this.rules = [];
```
这样就可以取消表单验证了。当需要重新启用表单验证时,可以将 `rules` 数组重新设置为表单验证规则。
阅读全文