MENU

前端知识点(vue)

October 9, 2020 • 学习阅读设置

<lable for =" "></lable> for后面所加属性可以绑定到复选框checkbox中。刚开始不太明白这个绑定的作用,<input type="checkbox" id="jack" value="Jack" v-model="checkedNames"> 该value的值就可以实现点击复选框来进行传值,不懂为什么还有lable进行绑定。
后来发现,lable绑定后,当用户点击 label 元素时,相当于点击了关联的 input 元素即相当于点击了checkbox,即触发了input value属性的传值功能。所以这样能实现点击复选框后缀文字也能进行传值功能。