<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

 

Logo

前往低代码交流专区

更多推荐