vue+element 下拉框与input框混合循环

HTML 用v-if控制 dropdown 是否为下拉框或input框 

key值为唯一性才不会报错

            <div
              class="contItem isSelect"
              v-for="item in musicsong"
              :key="item.songid"
            >
              <div class="label">{{ item.duration }}</div>
              <div class="content" v-if="item.dropdown">
                <el-select
                  v-model="item.id"
                  :placeholder="item.placeholderformat"
                >
                  <el-option
                    v-for="item in item.options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </el-select>
              </div>
              <div class="content" v-else>
                <el-input
                  v-model="item.id"
                  :placeholder="item.placeholderformat"
                ></el-input>
              </div>
            </div>

js

dropdown  需定义true或false来显示

id为string   number会报错

dropdown: true,
      musicsong: [
        {
          id: "",
          duration: "时长",
          placeholderformat: "请选择",
          dropdown: true,
          options: [
            {
              value: "选项1",
              label: "1",
            },
            {
              value: "选项2",
              label: "11",
            },
            {
              value: "选项3",
              label: "111",
            },
            {
              value: "选项4",
              label: "1111",
            },
            {
              value: "选项5",
              label: "1111",
            },
          ],
        },
        {
          id: "",
          duration: "作曲",
          placeholderformat: "请填写",
          dropdown: false,
        },
        {
          id: "",
          duration: "音乐风格",
          placeholderformat: "请选择",
          dropdown: true,
          options: [
            {
              value: "选项1",
              label: "1",
            },
            {
              value: "选项2",
              label: "11",
            },
            {
              value: "选项3",
              label: "111",
            },
            {
              value: "选项4",
              label: "1111",
            },
            {
              value: "选项5",
              label: "1111",
            },
          ],
        },
        {
          id: "",
          duration: "文件格式",
          placeholderformat: "请选择",
          dropdown: true,
          options: [
            {
              value: "选项1",
              label: "1",
            },
            {
              value: "选项2",
              label: "11",
            },
            {
              value: "选项3",
              label: "111",
            },
            {
              value: "选项4",
              label: "1111",
            },
            {
              value: "选项5",
              label: "1111",
            },
          ],
        },
        {
          id: "",
          duration: "作词",
          placeholderformat: "请填写",
          dropdown: false,
        },
        {
          id: "",
          duration: "音乐情绪",
          placeholderformat: "请选择",
          dropdown: true,
          options: [
            {
              value: "选项1",
              label: "1",
            },
            {
              value: "选项2",
              label: "11",
            },
            {
              value: "选项3",
              label: "111",
            },
            {
              value: "选项4",
              label: "1111",
            },
            {
              value: "选项5",
              label: "1111",
            },
          ],
        },
        {
          id: "",
          duration: "比特率",
          placeholderformat: "请填写",
          dropdown: false,
        },
        {
          id: "",
          duration: "编曲",
          placeholderformat: "请填写",
          dropdown: false,
        },
        {
          id: "",
          duration: "音乐类型",
          placeholderformat: "请选择",
          dropdown: true,
          options: [
            {
              value: "选项1",
              label: "1",
            },
            {
              value: "选项2",
              label: "11",
            },
            {
              value: "选项3",
              label: "111",
            },
            {
              value: "选项4",
              label: "1111",
            },
            {
              value: "选项5",
              label: "1111",
            },
          ],
        },
        {
          id: "",
          duration: "BMP",
          placeholderformat: "请选择",
          dropdown: true,
          options: [
            {
              value: "选项1",
              label: "1",
            },
            {
              value: "选项2",
              label: "11",
            },
            {
              value: "选项3",
              label: "111",
            },
            {
              value: "选项4",
              label: "1111",
            },
            {
              value: "选项5",
              label: "1111",
            },
          ],
        },
        {
          id: "",
          duration: "演唱",
          placeholderformat: "请填写",
          dropdown: false,
        },
        {
          id: "",
          duration: "音乐所属",
          placeholderformat: "请选择",
          dropdown: true,
          options: [
            {
              value: "选项1",
              label: "1",
            },
            {
              value: "选项2",
              label: "11",
            },
            {
              value: "选项3",
              label: "111",
            },
            {
              value: "选项4",
              label: "1111",
            },
            {
              value: "选项5",
              label: "1111",
            },
          ],
        },
        {
          id: "",
          duration: "采样率",
          placeholderformat: "请填写",
          dropdown: false,
        },
      ],

人和代码必须得跑一个