vue2.0使用handsontable总是报错

发布于 2022-09-07 07:36:15 字数 1231 浏览 25 评论 0

在vue的项目上通过npm安装了handsontable,但是运行的时候,总是会报

**TypeError: rootElement.insertBefore is not a function**

尝试过npm install @handsontable/vue 和 npm install handsontable
都一样会报这个错误,表格也出不来。。

请问有什么解决方法么?

代码如下:

<template>
<div>
      <div id="test-hot-t" class="wrapper">
      <htable :root="root" :settings="hotSettings"></htable>
    </div>
  </div>
</template>

<script>
import htable from 'handsontable';
export default {
  name: 'HelloWorld',
  el: "#test-hot-t",
  data () {
    return {
      root: 'test-hot',
        hotSettings: {
          data: [      
            ['20080101', 10, 11, 12, 13,true],
            ['20090101', 20, 11, 14, 13,true],
            ['20010101', 30, 15, 12, 13,true],
            ['20010101', 32, 213, 21, 312,true],
            ['20010201', 32, 213, 21, 312,true],
            ['20010301', 32, 213, 21, 312,true],
            ['20010401', 32, 213, 21, 312,true],
            ['20010501', 32, 213, 21, 312,true],
            ['20010601', 32, 213, 21, 312,true]
          ],
          colHeaders: true
        }
    }
  },
  components:{
    htable
  }
}
</script>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

尛丟丟 2022-09-14 07:36:15

改为<script>引入就可以了

我三岁 2022-09-14 07:36:15

您好,方便加好友吗,最近也在使用handsontable,希望能和您交流。
按照官方配置不可以,请问您的环境怎么搭建的。谢谢

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文