Неправильный импорт плагина загрузочной таблицы jQuery в Vue

Question

Я недавно использую VUE, и мне нужна помощь в импорте таблицы начальной загрузки плагин jQuery.

Я загружаю jQuery глобально, и он работает хорошо.Затем у меня есть компонент vue со старой таблицей (id = "tableTest")

Это скрипт компонента, который вызывается в "обновленном" хуке:

    console.log("table: "+  $("#tableTest").length);

    $("#tableTest").bootstrapTable({
        'card-view':true
    });

Журнал консоли возвращает таблицудлина «1», поэтому таблица существует в DOM

Но затем я получил предупреждение:

Ошибка в обновленном хуке: «Ошибка типа: $ (...). bootstrapTable нефункция "

Я импортировал плагин, используя npm и - сохранить , а затем в мой компонент, импортированный как

import bootstrapTable из 'bootstrap-table';

Как это исправить?

Answer 1

Я неправильно импортирую плагин:

переключиться с:

импорт начальной загрузки из таблицы начальной загрузки;

до

import 'bootstrap-table';

Так что он импортирован и используется правильно