v-select cambiar label

##介绍

v-select是一个Vue.js组件，用于在下拉列表中显示选项。该组件非常灵活，可以改变标签显示格式，可以显示搜索框，可以显示多选框等。

##用法

###基本用法:

<v-select v-model="selected" :items="items"></v-select>

export default {
  data() {
    return {
      selected: '',
      items: ['Option 1', 'Option 2', 'Option 3', 'Option 4']
    }
  }
}

###改变标签

<v-select label="My Label" v-model="selected" :items="items"></v-select>

export default {
  data() {
    return {
      selected: '',
      items: ['Option 1', 'Option 2', 'Option 3', 'Option 4']
    }
  }
}

###自定义选项列表

<v-select v-model="selected" :items="items" label="My label">
    <template slot="item" slot-scope="props">
        {{ props.item }} ({{props.index}})
    </template>
</v-select>

export default {
  data() {
    return {
      selected: '',
      items: ['Option 1', 'Option 2', 'Option 3', 'Option 4']
    }
  }
}

###使用异步数据

<v-select label="My label" v-model="selected" :items="asyncItems"></v-select>

export default {
  data() {
    return {
      selected: '',
      asyncItems: []
    }
  },
  created() {
    this.loadOptions()
  },
  methods: {
    async loadOptions() {
      const response = await fetch('/my/api')
      const data = await response.json()
      this.asyncItems = data
    }
  }
}

##总结

v-select很有用，可以方便地在下拉列表中显示选项。它的用法很灵活，可以改变标签显示格式，可以显示搜索框，可以显示多选框等。希望本文介绍的内容能帮助你更好地使用v-select组件。