需求

搜索表格數據時，重置輸入框數據內容

實現

<el-form ref="formsearch" :model="formsearch" label-width="100px" :inline="true" class="demo-form-inline"><div> <el-form-item label="單位名稱" prop="DWMC" > <el-input v-model='formsearch.DWMC' style="width: 150px;"></el-input></el-form-item><el-form-item label="溝通人員" prop="GTRY" > <el-input v-model='formsearch.GTRY' style="width: 150px;"></el-input></el-form-item><el-form-item label="溝通事項" prop="GTSX" > <el-input v-model='formsearch.GTSX' style="width: 150px;"></el-input> </el-form-item>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<el-button-group><el-button type="primary" @click="onsearch">查詢</el-button><el-button type='info' @click="resetForm('formsearch')">重置</el-button> </el-button-group> </div></el-form>

在methods 方法中寫點擊事件

// 重置搜索輸入的數據resetForm(formName){this.$refs[formName].resetFields();}

總結

以上是生活随笔為你收集整理的ElemenUi搜索数据时如何重置输入框的内容的全部內容，希望文章能夠幫你解決所遇到的問題。

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