天天看點

vue收集表單資料(2022-04-22學習筆記)

前言

​form​

​​标簽的​

​action​

​​用于指定表單送出的位址,現在的前後端互動我們一般用不到這個屬性,不會真正往一個位址送出資料。​

​form​

​​隻是作為一個元素的呈現,一個結構,我們送出資料使用的是​

​ajax​

​。

label

添加控件的點選區域。

vue收集表單資料(2022-04-22學習筆記)

單選

​name​

​相同,表示這組單選是一組的,隻能選擇一個。

vue收集表單資料(2022-04-22學習筆記)

​v-model​

​​預設擷取的是​

​value​

​的内容。

vue收集表單資料(2022-04-22學習筆記)

多選

多選也要配置好value值。

vue收集表單資料(2022-04-22學習筆記)

綁定的是數組。

vue收集表單資料(2022-04-22學習筆記)

下拉框

vue收集表單資料(2022-04-22學習筆記)
vue收集表單資料(2022-04-22學習筆記)

表單送出

表單送出的預設行為就是跳轉頁面,會重新整理一下,我們需要阻止預設行為。

vue收集表單資料(2022-04-22學習筆記)

資料傳遞後端

将vue包裝的對象轉化成JSON。

vue收集表單資料(2022-04-22學習筆記)

一般我們将資料打包一下。不是直接用_data。

vue收集表單資料(2022-04-22學習筆記)

輸入框控制隻輸入數字

vue收集表單資料(2022-04-22學習筆記)

去掉首尾空格

總結