el-select 下拉列表选项动态绑定接口传过来的值

一般来说，下拉列表的值是常量，直接写死，需要绑定接口的值

这是接口穿过的值

这是下拉列表空数组，需要填写接口获得的数据

 const categoryOptions = ref([])

在js在循环绑定接口中获得的数据中写一个方法

html页面代码

 <el-select          v-model="query.category"          placeholder=""          class="input-style"          size="large"          value-key="value">               <el-option                          v-for="item in categoryOptions"                          :key="item.value"                          :label="item.label"                          :value="item.value" /> </el-select           >

此时数据绑定成功