elementUI vue v model的修飾符

2021-09-27 19:10:44 字數 3655 閱讀 1794

v-model.lazy 只有在input輸入框發生乙個blur時才觸發

v-model.trim 將使用者輸入的前後的空格去掉

v-model.number 將使用者輸入的字串轉換成number

當使用v-model將input輸入框與name繫結那麼輸入框改變的同時name的值也會同步的發生改變

<

input

type

="text"

v-model

="name"

><

br />

<

span

> }

span

>

但是,這樣會對使用有影響,所以我們可以用v-model的修飾符lazy,v-model.lazy 只有在input輸入框發生乙個blur時才觸發

<

input

type

="text"

v-model.lazy

="name"

><

br />

<

span

> }

span

>

v-model.trim 將使用者輸入的前後的空格去掉,我們在輸入框中輸入很多空格後再輸入內容,下面的span還是原來那樣的,不會多出空格,原因是html只顯示乙個空格,但是name的值就不一樣了,它會將這些空格算上,我們可以在span上加乙個pre標籤,這時這些空格就會顯示出來

<

input

type

="text"

v-model

="name"

><

br />

<

pre><

span

> }

span

>

pre>

v-model.trim就是用來清除這些多餘的空格的,當然如果是密碼等輸入框,請不要加此修飾,有些使用者會用空格做密碼。

<

input

type

="text"

v-model.trim

="name"

><

br />

<

pre><

span

> }

span

>

pre>

這時你無論給它前後加多少空格都會被清除掉。

v-model.number 將使用者輸入的字串轉換成number

<

input

type

="text"

v-model

="age"

><

br />

<

span

> }

span

>

<

input

type

="text"

v-model.number

="age"

><

br />

<

span

> }

span

>

v-model在input textarea select中使用,前面我們都是在input的type = text中使用的,在textarea中和它是一樣的,唯一區別是這個是多行的。

男:<

input

v-model

="***"

type

="radio"

value

="male"

>

女:<

input

v-model

="***"

type

="radio"

value

="famale"

>

<

br />

<

span

> }

span

>

男:<

input

v-model

="***ual_orientation"

type

="checkbox"

value

="male"

>

女:<

input

v-model

="***ual_orientation"

type

="checkbox"

value

="famale"

>

<

br />

<

span

> }

span

>

<

select

v-model

="from"

name

=""id

="">

<

option

name

="湖北"

value

="1"

>湖北

option

>

<

option

name

="湖南"

value

="2"

>湖南

option

>

select

>

<

span

>}

span

>

<

select

v-model

="from"

name

=""id

=""multiple

>

<

option

name

="湖北"

value

="1"

>湖北

option

>

<

option

name

="湖南"

value

="2"

>湖南

option

>

<

option

name

="湖南"

value

="3"

>河北

option

>

<

option

name

="湖南"

value

="4"

>河南

option

>

select

>

<

span

>}

span

>

更多專業前端知識,請上

【猿2048】www.mk2048.com

final修飾變數 與Stastic修飾的變數

一 final修飾變數 final可以修飾成員變數,也可以修飾區域性變數 形參。final變數一旦獲得初始值之後,final的變數就不能被重新賦值。成員變數是隨類初始化或物件初始化而初始化的,當執行靜態初始化塊時候可以對類屬性進行賦初始值,當執行普通初始化塊或者構造器的時候可以對例項屬性賦初始值。因...

可以修飾類的修飾符

外部類只能被public 預設訪問許可權 即default abstract final修飾,不能被private和protect修飾。原因 成員內部類和靜態內部類可以被public 預設訪問許可權 即default private protect abstract final修飾。這些修飾符只能修...

const修飾指標與修飾常量

1.const 修飾指標 常量指標 eg const int p a 特點 指標的指向可以修改,但是指標指向的值不能修改 int a 10 int b 20 int p a p 20 錯誤 p b 正確 2.const 修飾常量 指標常量 eg int const p a 特點 指標的指向不能修改,...