我无法为 Vue cli 安装工作做 Vue Select 组件

Question

我已经在我的 Vue cli 应用程序上安装了 Vue Select 组件，但是选择行为就像普通的 v-select。 我已经使用它的官方文档安装了。 https://vue-select.org/

这里是安装

npm install vue-select

Then, import and register the component:

import Vue from 'vue'
import vSelect from 'vue-select'

Vue.component('v-select', vSelect)
The component itself does not include any CSS. You'll need to include it separately:

import 'vue-select/dist/vue-select.css';
Alternatively, you can import the scss for complete control of the component styles:

@import "vue-select/src/scss/vue-select.scss";

这是我的 main.js

import Vue from 'vue'
import './plugins/axios'
import App from './App.vue'
import router from './router'
import store from './store'
import vuetify from './plugins/vuetify';
import vSelect from "vue-select";
 
Vue.component("v-select", vSelect);
import 'vue-select/dist/vue-select.css';
import "vue-select/src/scss/vue-select.scss";

import '@/components';
import '@/assets/scss/main.scss';

Vue.config.productionTip = false

new Vue({
  router,
  store,
  vuetify,
  render: h => h(App)
}).$mount('#app')
enter code here

这是我使用组件的方式

<v-select :options="['Canada', 'United States']"></v-select>

但我的 v-select 是 vue 和 vuetify 的基本选择，甚至没有加载任何项目。

非常感谢您的帮助，这是我的第一个反应式应用程序，所以很多东西都很棒，与传统的 html、js、css 项目不同。

Answer 1

v-select 道具没有 :options 选项。 你必须使用 ":items"。

<v-select :items="['Canada', 'United States']"></v-select>

https://vuetifyjs.com/en/api/v-select/#props

查看示例和 API。

只要你需要学习一些东西，你必须先阅读官方文档。