v-model的作用实现元素或组件上的双向绑定
v-model指令只能用于:
在input元素上使用v-model绑定,实际就是给元素的value属性赋值
在input元素和select元素使用v-model
在上述代码中,input元素和select元素都使用v-model绑定了同一个值,
页面为:
可以看到输入框和选择框的值是相互对应的,在select元素的中,绑定的v-model的number值为多少就对应着value值为多少,在option元素中,如果有对应的value值就显示
select元素的option元素,使用v-for实现循环数组
在上述的代码中,创建了一个数组options,在select元素的option元素中,使用了v-model去循环这个数组,
注意:在option元素中的value属性需要写成:value,才能正确读取到循环对象item
options值的显示,可以直接使用{{item.label}},也可以在option元素的label属性赋值,同样使用:label
textarea元素和input元素大同小异,不做记录,
components在后续组件的学习中再进行记录
标签:option,元素,value,使用,input,model,select From: https://www.cnblogs.com/123-hh/p/18147303