Vue專案表單項很多 沒有繫結prop 表單重置

2022-08-10 04:24:13 字數 386 閱讀 8801

element-ui的表單元件在使用時需要繫結prop屬性才能使用自帶的resetfield重置表單,如果遇到表單項很多,而且大部分不需要校驗,為了重置去乙個乙個設定prop的話很麻煩。

所以可以使用object.assign來解決表單重置問題。

我們可以通過this.$data獲取當前狀態下的data,通過this.$options.data()獲取該元件初始狀態下的data。然後只要使用object.assign(this.$data, this.$options.data())就可以將當前狀態的data重置為初始狀態,達到重置表單的目的。

export default

, unitlist: }}

},methods:

}

Vue 簡單專案搭建

1.全域性安裝vue cli腳手架 2.建立乙個webpack模板專案 命令 vue init webpack my project 說明 project name 專案名稱 my project project description 專案描述 author 作者 vue build 打包方式,回...

Java Web專案表單資料存入資料庫中文亂碼解決

題記 第一篇部落格,編輯器的很多功能還不熟悉,粗略寫寫,可能的看官們請見諒。背景 用struts spring hibernate整合乙個小專案,有關編碼的設定如下 1 jsp頁面的pageencoding設定沒問題,charset設定成utf 8,form表單為get方式 2 struts配置時沒...

vue 關聯表單項元件,常用於組合條件

這是乙個 vue 簡單元件,用來實現乙個表單關聯的功能。例如一些條件生成 像上面的上級選項為某個值之後,後面是根據這個值又首先新的選項。class about span v for tablevalueitem,tablevalueindex in filteroptions key el casc...