elementUI中的resetFields方法

?1.在el-form添加屬性

在el-form中定義ref屬性queryForm

<el-form ref="queryForm" :model="queryParams" :inline="true" label-width="68px">

2.刷新重置方法

刷新按鈕：

<el-button icon="el-icon-refresh" size="mini" @click="handleRefresh">刷新</el-button>

實現方法：

// 刷新handleRefresh() {this.resetForm("queryForm");this.getList();},

通過上面代碼發現 this.resetForm

3.新建一個app.js文件,在util文件夾下

// 表單重置export function resetForm(refName) {if (this.$refs[refName]) {this.$refs[refName].resetFields();}}

4.封裝到全局main.js中

import { resetForm} from "@/utils/app"

掛載

Vue.prototype.resetForm = resetForm

總結

以上是生活随笔為你收集整理的ElementUI中实现表单刷新重置，保存在全局方法中的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。