菜鸟教程解释的非常好
http://www.runoob.com/tags/att-label-for.html
label 标签为 input 元素定义标注(标记)。
label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会 自动将焦点转到和标签相关的表单控件上。
label标签的 for 属性应当与相关联的input元素的 id 属性相同,通过相同的属性值,将焦点与文本关联。
但是关联后,有可能会出现冒泡现象,使得函数会被执行两次。
解决方法一:用@click.stop=“函数名”,阻止冒泡
解决方法二:给lable中的div或者子组件一个pointer-events: none(点击事件失效)的样式。