Я установил компонент Vue Select в своем приложении Vue cli, но поведение выбора похоже на обычный 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.