詳解v model修飾符 lazy

2021-10-07 08:10:46 字數 730 閱讀 1298

v-model指令用來在input、select、text、checkbox、radio等表單控制項上建立雙向資料繫結。根據控制項的型別v-model自動選取正確的方法更新元素。

v-model指令沒有使用.lazy修飾符時,vue檔案中的內容如下:

"msg" @change=

"show"

>

}<

/span>

<

/div>

<

/div>

<

/template>

export

default},

methods:}}

<

/script>v-model指令使用.lazy修飾符時,vue檔案中的內容如下:

"msg" @change=

"show"

>

}<

/span>

<

/div>

<

/div>

<

/template>

export

default},

methods:}}

<

/script>效果圖:

結論:當新增.lazy修飾符之後,改變input框中的內容並不會使得span中的內容發生變化,此時當輸入框失去焦點後觸發change事件.控制台中輸出相應內容。

v model修飾符的使用

lazy修飾符 1.預設情況下,v model預設是在input事件中同步輸入框的資料的。2.也就是說,一旦有資料發生改變對應的data中的資料就會自動發生改變。3.lazy修飾符可以讓資料在失去焦點或者回車時才會更新。number修飾符 1.預設情況下,在輸入框中無論我們輸入的是字母還是數字,都會...

Swift lazy 修飾符和lazy 方法

延時載入或者說延時初始化是很常用的優化方法,在構建和生成新的物件的時候,記憶體分配會在執行時耗費不少時間,如果有一些物件的屬性和內容非常複雜的話,這個時間更不可忽略。另外,有些情況下我們並不會立即用到乙個物件的所有屬性,而預設情況下初始化時,那些在特定環境下不被使用的儲存屬性,也一樣要被初始化和賦值...

v model的雙向繫結以及修飾符

v model 可以用在文字框input,多行文字框textarea,單選按鈕input type radio 核取方塊 input type checkbox 下拉框select 修飾符.lazy 在預設情況下,v model 在每次 input 事件觸發後將輸入框的值與資料進行同步 除了上述輸入...