时间戳

首页 > 解决方案 > 以一种糟糕的方式在 Vue 中导入 jQuery bootstrap-table 插件

jquery - 以一种糟糕的方式在 Vue 中导入 jQuery bootstrap-table 插件

问题描述

我是使用 VUE 的新手，我需要帮助导入引导表jQuery 插件。

我全局加载 jQuery，它运行良好。然后我有一个具有旧表的 vue 组件（id="tableTest"）

这是在“更新”挂钩中调用的组件脚本：

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

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

控制台日志返回表长度“1”，因此该表存在于 DOM 中

但后来我收到了警告：

更新挂钩中的错误：“TypeError：$(...).bootstrapTable 不是函数”

我已经使用npm和--save导入了插件 ，然后导入到我的组件中

从“引导表”导入引导表；

我该如何解决？

标签： jqueryvue.jsbootstrap-table

解决方案

我以一种不好的方式导入插件：

切换自：

从“引导表”导入引导表；

至

导入“引导表”；

所以它被正确导入和使用

推荐阅读