1、文本输入
<input type="text v-model="username">
2、单选按钮
<input type="radio" v-model="sex" vlaue="男">
<input type="radio" v-model="sex" vlaue="女">
3、复选框
1)单选复选框,设置布尔值
<p><span><input type="checkbox" v-model="isagree">已阅读</span></p>
2)多选复选框,data里属性设置数组
<p>爱好:<span><input type="checkbox" value="打篮球" v-model="hobby">打篮球</span>
<span><input type="checkbox" value="看电视" v-model="hobby">看电视</span>
<span><input type="checkbox" value="运动" v-model="hobby">运动</span>
</p>
4、下拉框
1)单选下拉框
<p>省份:<select v-model="province" @change="citylists">
<option value="">请选择</option>
<option v-for="(item) in citylist">{{item.province}}</option>
</select>
</p>
2)多选下拉框
<p>城市:<select v-model="citys" multiple>
<option v-for="item in cityname" :value="item.name">{{item.name}} </option>
</select>
</p>