1

我已经在我的 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 项目不同。

4

1 回答 1

0

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

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

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

请参阅示例和 API。

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

于 2020-11-23T10:03:47.520 回答