Vue表單為空也能提交的問題

2021-09-28 20:35:11 字數 422 閱讀 6104

今天在用vue寫表單驗證的時候,習慣性把v-model繫結的值設定為null,然後再測試的時候,發現如果填寫了表單後,又刪除輸入的內容,竟然能提交上去,百思不得其解。最後通過vue devtools這個工具找到了問題所在。大概是這樣寫的

data () 

}if(this.ipt !== null)

研究了老半天,最後通過vue工具發現最初設定ipt的值為null,當表單輸入內容,又刪除之後,雖然內容不見了,但是ipt的值變為了'',這樣就不能通過簡單的!== nulll來判斷了。

if(this.ipt !== null &&  this.ipt)

vue表單提交陣列 vue多維陣列提交問題?

題目描述 從後台獲取的多維陣列,經過解析,形成乙個多選框介面,經過多選提交,再將資料傳回後台,但是傳入的資料格式不一樣我傳的格式 系統需要的格式 題目 及自己的思路 傳回的格式要求為第一層json串不用處理 直接遍歷第二層children 也就是雙層迴圈即可 父級和子級sn 組成 例子securit...

form表單巢狀 跨表單提交的問題

有時候有表單巢狀 資料跨表單提交的需求。但是標籤是不允許巢狀的。要實現跨表單提交要使用form屬性。form1 form form1 name name value eric form form1 name age value 18 form form2 name name value benny ...

表單提交中文亂碼的問題

做專案的時候乙個成員提交表單後成了亂碼,看了以後原來是提交方式的問題 專案本身是採用了ssh2的架構,我一直習慣於採用struts2的標籤,而他採用了普通標籤,struts2的form標籤預設提交方式是post,而普通標籤提交方式為get,所以若用普通標籤,需要把標籤的method改為post。下面...