解決 ElementUI form表單在dialog中重置表單,無法正確重置的問題
問題描述:
在用ElementUI做動態表單時,資料的修改都是開啟dialog(子元件)中進行操作的,但是在修改資料時,正常來說可以直接呼叫 this.$refs[str].resetFields() 直接清空,但是這裡會出現一個問題:
**form表單的重置是以第一次開啟的資料作為重置標準,如果先開啟的是更新,那麼重置之後以第一次更新的資料作為標準;
Dialog 中的內容是懶載入的,目前 edit (更新)方法的寫法導致 Form 剛加載出來時值就已經是新的了,所以 resetFields 也只能回到新值**
解決方案
- 利用v-if的特性,進行form的銷燬和重建,強行讓每一次改操作拿到的資料為父元件傳過來的初始值。
<el-dialog title="編輯" :visible.sync="isshow" left v-if='isshow'>
2. 用 nextTick 處理一下form的資料`這裡寫程式碼片`
this.$nextTick(() => {
this.form.user_id = "111";
...
});
相關推薦
解決 ElementUI form表單在dialog中重置表單,無法正確重置的問題
問題描述: 在用ElementUI做動態表單時,資料的修改都是開啟dialog(子元件)中進行操作的,但是在修改資料時,正常來說可以直接呼叫 this.$refs[str].resetFields() 直接清空,但是這裡會出現一個問題: **for
jsp接收 input文字輸入框中,無法正確顯示單引號和雙引號的問題
在html的input文字輸入框中,無法正確顯示單引號和雙引號的問題 分類: JavaScript2010-12-08 15:02 4074人閱讀 評論(1) 收藏 舉報 inputhtmljqueryc html 轉意: '----
在html的input文字輸入框中,無法正確顯示單引號和雙引號的問題
html 轉意:'----單引號"-----雙引號網上有很多解決方法,比如其中一種:pName = pName.replace(/([",'])/g,'//$1'); //單引號:' 雙引號:"進行替換還可以使用:<input type
在Eclipse中編寫log4j的時候,無法輸入中文的解決辦法
現象: 在Eclipse中給log4j.properties中編寫中文註釋的時候,無法成功! 原因分析: 是Eclipse中 內容型別字符集格式不正確導致。我使用的是Eclipse4.5.1版本,預設
js通過添加隨機數的方法,解決多張圖片加載時由於緩存導致圖片無法正確顯示的問題
原因 顯示 rand class var rip 圖片加載 提交數據 cti 問題出現描述:當對列表中某個圖片進行重新編輯時,提交後會發現圖片列表仍會出現修改之前的圖片,新圖片並未覆蓋。 問題出現原因:緩存問題。 解決辦法:通過js方法,在每張圖片路勁後面添加一個隨機數,這
解決phpMyAdmin-4.7.2本地服務器的套接字沒有正確設置
php 復制 ash 命名 size ros 沒有響應 directory white 安裝phpmyadmin遇到的第一個問題: 解決phpmyadmin4.7.2安裝的時候#2002 - No such file or directory —
使用UGUI中的Mask的時候,如何正確裁減非預設材質的UI物件
http://blog.csdn.net/ykmzy/article/details/51366396 在Unity中的UGUI中實現區域裁剪可以使用Mask元件,但是當改變被裁剪物件的材質後,裁剪效果可能會失效,也就是說Mask對該UI失效,這是為什麼呢? 這我們
Eclipse中的建立maven專案,無法新增src/main/java等source folder
通過Eclipse建立Java Web專案,目錄結構如下: 預設是隻有src/main/resources 這個source folder 按照maven目錄結構,還需要src/main/java ; src/test/java; src/test/resources 等 在eclipse中建立這些so
關於pycharm中background task一直updating,無法執行和操作的問題
很煩,晚自習花了好幾個小時在網上找相關資料,然後按網上提供答案操作,還是沒有解決問題 網上主要是: 方法1 點選 pycharm左上角"File" , 然後點選 “invalidate caches/restart…”, 最後點選 “invalidate and
在IDEA中新建的maven專案,無法建立.scala檔案
轉:http://blog.csdn.net/program_anywhere/article/details/53728186 學習路上的各種坑: 1、在new對應的欄目中沒有Scala class選項 2、解決 這是因為maven的配置問題 file->
簡單解決 multipart/form-data 檔案上傳表單中 傳遞引數無法獲取的辦法! (解決辦法:動態更改表單提交URL)
在jsp(其它動態web頁面好像也存在)中,如果要上傳檔案,表單的enctype就必須設定為"multipart/form-data"了,這樣就能夠傳遞檔案資料,卻無法傳遞引數,如下的表單: [xhtml] view plaincopyprint? 01.<for
ElementUI form表單 左側label對齊註意事項
alt src right for 技術 osi bsp bubuko 子元素 通過 label-position 屬性來改變表單域或標簽的位置,可選的值有 top/left/right ,默認的是 right ,lable-position 必須要和 label
form表單提交中,確定和取消效果的實現
前端開發中的資料提交,目前大多數採用表單提交的方式,但是對於很對初學者來說,只知道在表單格式中,只有一個<input type="submit">,如果有兩個或者要求有多個提交選擇的時候應該怎麼做呢,其實用js就可以簡單實現: 例如下面的效果: 有一個確定和取消的
easyui form.rest和clear 重置表單和清除表單資料區別
easyui中的一般我們在新增和編輯的時候 都是用一個form表單 那新增的時候 需要重置下表單內容,一般用 $('#EditForm').form('reset'); 大部分時候沒問題,但是如果表單中有隱藏控制元件 hidden或者非easyui標記的input控制
淺談web工程中BeanUtils的封裝MyBeanUtils,populate方法使用 【接收前端form表單資料】
宣告本測試使用JDK9,Tomcat9.0.10 ,IDEA2018.2 ; 淺談 BeanUtils 的封裝 , BeanUtils 類中方法 populate (Object be
關於《JavaWeb開發實戰經典》中接收封裝表單的文字資料出現中文亂碼問題的解決方法
smartupload亂碼問題 今天在寫smartupload的demo時,在接收表單資料時出現了中文亂碼,從網上綜合了各種方法才得以解決。 1.smartupload.html中可見對form使用enctype進行表單封裝 <!DOCTYPE html&
elementui form表單複用 造成每次彈出不能自動獲取焦點問題
因為在專案中是一個input輸入點擊出彈窗輸入修改係數(產品就是要的這樣的,…)所以就會很明顯的看到點點選table input獲取焦點時,彈窗彈出,焦點還在table input上,所以就要做成彈窗的input自動獲取焦點,本來(1)原生屬性 autofocu
form表單提交中的input,button,submit
1.input[type=submit] 我們直接來看例子: 程式碼如下: <form> <input name="name"> <input type="submit" value="提交"> <
servlet請求中post提交表單重定向到跨域網站問題
statuscode為302 是作為HTTP1.0的標準,以前叫做Moved Temporarily ,現在叫Found. 現在使用只是為了相容性的處理,response.sendRedirect()的預設Location重定向用的是302. 但是HTTP 1.1 有303 和307作為詳細的補充,其實是對
火狐下,表單無法重新整理重置問題的分析與解決 .
如下的最簡單的HTML程式碼 <input id="name" ID="CSDN" value="java2000.net"/> 在Firefox 下面,如果你更改了表單的內容,然後你點選重新整理按鈕,你會發現,文字框裡面的數值並沒有回覆到原始值,而是你修改後的數值。 有2種猜測 1 火狐