Как выбрать модули bootstrap-vue.js в nuxt.js?

Я не могу понять, как выбирать модули bootstrap-vue.js в nuxt.js

Приведенный ниже код в nuxt.config.js извлекает всю библиотеку (за исключением css), но, как упоминалось выше, как включить необходимые модули.

modules: [
  ['bootstrap-vue/nuxt', { css: false }]
]

Я ссылаюсь на документы здесь:

Вещи, описанные в документах выше, проносятся мимо меня :) Пожалуйста, помогите, спасибо.


javascript vue.js nuxt.js bootstrap-vue
person Syed    schedule 01.11.2018    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Вам не нужен модуль bootstrap-vue / nuxt, если вы хотите выбрать модули Cherry Pick. Вам необходимо просто импортировать и использовать компоненты, как описано в разделе «Отдельные компоненты и директивы». Или создайте файл плагина, в котором вы зарегистрируете их глобально.

 plugins: [
    '@/plugins/mybs',
  ],

И внутри плагина

import Vue from 'vue'

import bModal from 'bootstrap-vue/es/components/modal/modal'
import bModalDirective from 'bootstrap-vue/es/directives/modal/modal'

Vue.component('b-modal', bModal);
Vue.directive('b-modal', bModalDirective);
person Aldarund    schedule 01.11.2018