vue.js 我尝试将DHTMLX甘特与Quasar项目集成,但我得到了一个空白页

jvlzgdj9  于 2023-01-31  发布在  Vue.js
关注(0)|答案(1)|浏览(165)

我确实试着在我的类星体项目上安装依赖项,调用组件并初始化 Boot 文件,但我仍然每次都得到一个空白页,它工作的唯一方式是当我在VUE 3项目上测试它时。

pgvzfuti

pgvzfuti1#

如果大小是相对的,则需要添加甘特容器及其父元素的大小(widthheight):

#gantt_here{
  position: relative;
  width: 100%;
  height: 90%;
}

html,
body, 
#q-app,
#q-app > div,
.q-page-container {
  /* Full height */
  height: 100%;
}

https://docs.dhtmlx.com/gantt/faq.html#theganttchartisntrenderedcorrectly
下面是使用Vue 2和甘特7.1.13的Quasar演示:https://files.dhtmlx.com/30d/a6d4aa45521cbe2de6f7f87901eeb693/quasar-project.zip

相关问题