遍历出多个el-select下拉框

Question

使用v-for遍历出多个el-select下拉框，要求每一个下拉框内下拉数据都不相同，这个功能应该怎么实现啊

Answer 1

？

<div v-for="(item, index) in selectData" :key="index">
  <el-select v-model="item.value" placeholder="请选择">
    <el-option
      v-for="(option, index) in item.options"
      :key="index"
      :label="option.label"
      :value="option.value"
    ></el-option>
  </el-select>
</div>

data () {
  return {
    selectData: [
      {
        value: '',
        options: [
          {
            label: '选项1',
            value: '1'
          },
          {
            label: '选项2',
            value: '2'
          }
        ]
      },
      {
        value: '',
        options: [
          {
            label: '选项3',
            value: '3'
          },
          {
            label: '选项4',
            value: '4'
          }
        ]
      }
    ]
  }
}