--save
создаю файл
~/plugins/vue-slider-component.client.js
import Vue from 'vue'
import VueSliderComponent from 'vue-slider-component'
Vue.use(VueSliderComponent);добавляю в
nuxt.config.js
plugins: [
'~/plugins/vue-slider-component.client',добавляю на страничке index.vue
<client-only placeholder="loading...">
<VueSliderComponent ref="slider" v-bind="slider" v-model="filters.price"></VueSliderComponent>
</client-only>Компонент не отображается и ругается в консоли:
[Vue warn]: Unknown custom element: <VueSliderComponent> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
found in
---> <Pages/index.vue> at pages/index.vue
<Nuxt>
<Layouts/withoutFooter.vue> at layouts/without_footer.vue
<Root>
в plugins: [ попробуй ssr: false или что-то в этом роде
попробовал { src: '~/plugins/vue-slider-component.client.js', mode: 'client' }, и так { src: '~/plugins/vue-slider-component.client.js', ssr: false }, не работает, притом ещё 1 аналогичный компонент клиентский так же не работает vue-scroll-loader
а попробуй его обернуть в другой компонент - заработает?
у меня вот здесь без расширения, не знаю. влияет ли
Слава яйцам надо было в ~/plugins/vue-slider-component.client.js вместо import Vue from 'vue' import VueSliderComponent from 'vue-slider-component' Vue.use(VueSliderComponent); писать import Vue from 'vue' import VueSliderComponent from 'vue-slider-component' Vue.component('VueSliderComponent', VueSliderComponent);
Обсуждают сегодня