vue表單常用特性

2021-10-10 16:35:40 字數 1789 閱讀 6303

獲取單選框中的值

通過v-mode

"radio" id=

"male" value=

"1" v-model=

'gender'

>

="male"

>男<

/label>

"radio" id=

"female" value=

"2" v-model=

'gender'

>

="female"

>女<

/label>

newvue(,

})<

/script>

獲取核取方塊中的值

愛好:<

/span>

"checkbox" id=

"ball" value=

"1" v-model=

'hobby'

>

="ball"

>籃球<

/label>

"checkbox" id=

"sing" value=

"2" v-model=

'hobby'

>

="sing"

>唱歌<

/label>

"checkbox" id=

"code" value=

"3" v-model=

'hobby'

>

="code"

>寫**<

/label>

<

/div>

newvue(,

})<

/script>

職業:<

/span>

1、 需要給select 通過v-model 雙向繫結 乙個值 2、 每乙個option 必須要有value屬性 且value 值不能一樣 3、 當某乙個option選中的時候 v-model 會將當前的 value值 改變 data 中的 資料 occupation 的值就是選中的值,我們只需要實時監控他的值就可以了 --

>

<

!-- multiple 多選 --

>

'occupation' multiple>

"0">請選擇職業...

<

/option>

"1">教師<

/option>

"2">軟體工程師<

/option>

"3">律師<

/option>

<

/select>

<

!-- textarea 是 乙個雙標籤 不需要繫結value 屬性的 --

>

'desc'

>

<

/textarea>

<

/div>

newvue(,

})<

/scrip>

表單修飾符*

<

!-- 自動將使用者的輸入值轉為數值型別 --

>

"age" type=

"number"

>

<

!--自動過濾使用者輸入的首尾空白字元 --

>

"msg"

>

<

!-- 在「change」時而非「input」時更新 --

>

"msg"

>

vue常用特性

vue.directive focus 用的話加上v focusvue.directive color 用的話加上v focus text v color 計算屬性是基於他們的依賴的資料進行快取的,如果資料不發生變化,用的是第一次計算的快取結果,方法是呼叫就執行。資料變化,會觸發方法,資料變化時執行...

Vue常用特性

1.單選框操作 男男女女男女 2.核取方塊操作 我們如法炮製寫一下核取方塊 打球敲 學習 3.表單修飾符 number 修飾符 type number 是html 表單自帶的屬性 在表面上一看其實加不加number都無所謂,其實在獲取表單value 時我們獲取的都是字串型別,加上了.number會自...

Vue常用特性

目錄計算屬性 computed 偵聽器 watch 過濾器生命週期 陣列變異方法 替換陣列 動態陣列響應式資料 常用特性應用場景 男女 獲取核取方塊中的值 愛好 籃球 唱歌寫 獲取下拉框和文字框中的值 職業 請選擇職業.教師軟體工程師 律師 trim 自動過濾使用者輸入的首尾空白字元 lazy 將i...