首页 > 解决方案 > 如何在没有 npm 的情况下使用 Vue.js 元素?

问题描述

是否可以在没有 的情况下使用组件npm

我正在尝试使https://www.npmjs.com/package/vue-bootstrap4-table#4-basic-usage工作,但它失败了。

我无法在html文件中导入组件。

试过:

import VueBootstrap4Table from 'vue-bootstrap4-table';

app = new Vue({
  el: '#app',
  data: {
    rows: [{

这是小提琴

这段代码有什么问题?

标签: javascripthtmlvue.js

解决方案


消除:

import VueBootstrap4Table from 'vue-bootstrap4-table';

...,
components: {
  VueBootstrap4Table
}

从 Vue 实例的底部开始 - 通过添加 CDN 引用,它已经包含在内。

最后,看起来您缺少该表的引导 css。我将它添加为小提琴中的依赖项。

看看这个:

https://jsfiddle.net/u4twL905/


推荐阅读