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 事件觸發後將輸入框的值與資料進行同步 除了上述輸入...