实现效果
前端代码:
<!--v-model 实现双向数据绑定 绑定变量selectModel @change绑定changeModel($event)方法,为模型改变触发的函数-->
<select id='model' v-model="selectModel" style="width:100px" @change="changeModel($event)">
<option>型号</option>
<!--使用v-for对变量models进行遍历,每一项均作为select的option,{
{item.name}}为显示的内容-->
<option :value="item" v-for="item in models" >{
{item.name}}</option>
</select>
js:
data中声明变量selectModel及models
data:{
'selectModel':'型号',//初始select显示为型号
'models':[]//models为数组类型
}
请求后台数据,赋值给models