vue(二)之v-model,v-on,數組中的響應式方法

v-on

v-on的參數傳遞
在這裏插入圖片描述
v-on的修飾符的使用
在這裏插入圖片描述

當for的內容與另一個標籤的id內容相同的時候,可以實現聚焦的功能

在這裏插入圖片描述

vue的虛擬DOM會對相同的標籤的元素進行復用,通過設置key的不同內容可以避免出現這個問題

在這裏插入圖片描述
在這裏插入圖片描述

v-if 與 v-show的區別

在這裏插入圖片描述

數組中的響應式方法

在這裏插入圖片描述
在這裏插入圖片描述
通過索引修改數組中的內容不是響應式的,因此不能成功,可以通過藍色部分的方式進行修改
在這裏插入圖片描述

v-model的原理

在這裏插入圖片描述
當使用checkbox的時候,用label包裹的好處是,點“同意協議”也可以觸發選擇操作
在這裏插入圖片描述
v-model結合select
在這裏插入圖片描述

v-model修飾符

lazy:懶加載,不是輸入值就立刻進行了雙向綁定,而是失去焦點或者進行了其他操作後才進行雙向綁定
在這裏插入圖片描述
number:轉爲number型
在這裏插入圖片描述
trim:去除空格
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章