Axios调用，使用vue将响应数据放入select选项

npm install axios vue

import axios from 'axios';
import Vue from 'vue';

export default {
  data() {
    return {
      options: [], // 存储响应数据
      selectedOption: '' // 选中的选项
    };
  },
  mounted() {
    // 在组件挂载后发送HTTP请求获取数据
    axios.get('https://api.example.com/data')
      .then(response => {
        this.options = response.data; // 将响应数据存储到options中
      })
      .catch(error => {
        console.error(error);
      });
  }
};

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