VUE3+TS+VITE 动态创建option

你好！关于您的问题，我可以给您一些参考意见。动态创建`<option>`可以通过Vue3的指令和TS的类型定义来完成。下面是一个简单的示例代码：

<template>
  <select v-model="selected">
    <option v-for="option in options" :value="option.value">{{ option.label }}</option>
  </select>
</template>

<script lang="ts">
import { defineComponent } from 'vue';

interface Option {
  label: string;
  value: string;
}

export default defineComponent({
  data() {
    return {
      selected: '',
      options: [
        { label: 'Option 1', value: '1' },
        { label: 'Option 2', value: '2' },
        { label: 'Option 3', value: '3' },
      ],
    };
  },
});
</script>

在上面的代码中，我们定义了一个`<select>`元素，并使用Vue3的指令`v-for`通过`options`数组动态创建`<option>`元素。同时，我们使用了TS的类型定义来定义`options`数组中每个元素的类型，以便在编码时对每个元素的属性进行类型检查和自动补全。

希望这个简单的示例能够对您有所帮助！如果您有其他问题，请随时提出。