<ul>
<li v-for="item in list" >
{{item.name}}
<select @change="changea($event)">
<option value="" disabled selected>必选</option>
<option v-for="item in item.list2" >{{item.name}}</option>
</select>
</li>
</ul>
data里数据:
list:[
{
name:'第一个select',
code:12,
list2:[
{name:'飞飞飞23',code:11},
{name:'闭包22',code:22},
]
},
{
name:'第二个select',
code:23,
list2:[
{name:'哈哈哈',code:33},
{name:'快快快',code:44},
]
},
{
name:'第三个select',
code:34,
list2:[
{name:'等等',code:55},
{name:'各个',code:66},
]
},
]
methods里面:
changea(e){
console.log(e.target.value)
},
<option value="" disabled selected>必选</option>
类似于select的placeholder