0

我的插件 ( vue-select@latest ) 我可以成功地从对象 城市获取数据，但是如何添加值，例如 <span class="selected-tag" value="Moscow" or value="New York">

在此处输入图像描述

我是 Vue js 的新手，我想使用插件 vue-select ，我的问题是我无法添加 value 属性。我的尝试失败了

 <v-select :options="locations" label="name" v-model="country" value="value" ></v-select>

我从对象城市创建了一个动态组合框：['Moscow', 'Sp', 'Tomsk' , 'Voronezh', 'Novossibirsk'],

我希望组合框中的所有数据都为属性值，例如 value="Moscow"

    let sample =new Vue({
  el: '#app',
  data: {
    country: null,
    city: null,
    locations: [
      {
        name: 'Russia',
        cities: ['Moscow', 'Sp', 'Tomsk' , 'Voronezh', 'Novossibirsk'],
        value: ['Moscow', 'Sp', 'Tomsk' , 'Voronezh', 'Novossibirsk']
      },
      {
        name: 'USA',
        cities: ['LA', 'Pensacola', 'New York'],
        value: ['LA', 'Pensacola', 'New York']

      }
    ]
  },

链接到 codepen 我的 cdn 库

    <script src="https://unpkg.com/vue-select@latest"></script>
4

1 回答 1

0

首先，options 属性需要是一个字符串数组或一个带有“label”和“value”属性的普通对象数组。

你可以试试这个：

<v-select :options="locations.map(i => i.name)" label="name" v-model="country"></v-select>

它将向您显示一个带有您的位置名称的选择。

于 2018-07-06T12:03:41.060 回答