Я не могу сделать компонент Vue Select для работы по установке Vue cli

Я установил компонент 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.


person Carolina    schedule 23.11.2020    source источник
comment
откуда он получает данные отсутствуют?   -  person Bravo    schedule 23.11.2020
comment
Используйте :items не :options   -  person Isaac Obella    schedule 23.11.2020
comment
Спасибо за ответ. Я уже изменил :options для :items и да, элементы отображаются, но выбор не имеет выбранного поведения jquery. С текстовым вводом для поиска элементов в select.   -  person Carolina    schedule 23.11.2020


Ответы (1)


There is no :options for v-select props. You must use ":items".

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

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

См. примеры и API.

Если вам нужно что-то узнать, вы должны сначала прочитать официальный документ.

person Sam Kim    schedule 23.11.2020
comment
Спасибо за ваш ответ. Да его тут как раз нет :options prop. Я изменил: параметры для: элементы и элементы отображаются, но выбор является базовым выбором. Мне нужен выбор выбранного типа jquery. В официальной документации компонента используйте :options, поэтому я использовал его. Но у меня нет выбранного поведения. - person Carolina; 23.11.2020
comment
Вы используете jquery и vuetify? Я думаю, что это не лучший выбор для совместимости. Просто используйте vue и vuetify. Этого достаточно для реализации того, что вы хотите. - person Sam Kim; 24.11.2020
comment
Проверьте, что ваш env в порядке. v-select И ссылка на образец кода на официальном сайте . Запустите это в своей среде. Этот минимальный код должен работать. Если есть проблема, дайте мне знать сообщение об ошибке в вашей консоли. Как проверить консоль браузера - person Sam Kim; 25.11.2020
comment
OMG Сэм, я читал, и у vuetify есть компонент, который мне нужен. v-autocomplete vuetifyjs.com/en/components/autocompletes — это список, в котором используется фильтр для поиска по элементам списка. Мне было интересно, почему у vuetify нет тех, которые предназначены для лучшего взаимодействия с пользователем, и у него много опций .... Vuetify великолепен. Большое спасибо за время, и я не знал о консоли браузера. :) - person Carolina; 25.11.2020
comment
v-автозаполнение отлично. Я также обычно использую его, когда мне нужен фильтр. Вы можете сократить систему фильтров, элементы и значения. Было бы здорово. Приятного кодирования. - person Sam Kim; 26.11.2020