使用Vue JS从外部域中的JSON文件中获取选择数据

时间:2019-05-24 04:41:01

标签: vuejs2

我有以下代码来显示json文件中的城市列表。 Json文件来自外部域。

Display.vue HTML

 <select v-model="selected">
    <option v-for="option in results" v-bind:value="option.value">
     {{ option.text }}
    </option>
 </select>
 <span> Selected: {{ selected }} </span>

脚本

 <script>
    import { axios } from 'axios';
    import Vue from 'vue';

     Vue.component('v-select', vSelect)

    export default {
       components: {
       }, 
       data() {
         results: []
       },
       mounted() {
         axios.get("https://test.com/data/cities.json")
        .then(response => {this.results = response.data.results})
      };
    };
 </script>

我有什么想念的吗?

0 个答案:

没有答案