Как я могу адаптировать экран дисплея dhtmlxGantt с моим компонентом? - PullRequest
0 голосов
/ 20 марта 2020

Я использую dhtmlxGantt, потому что мне нужна диаграмма Ганта в моем проекте, но у меня проблема с отображением. Я использую vuejs компонент, поэтому я поместил код dhtmlxGantt в свой компонент, но на дисплее не ясно, это мой код: // Компонент Ганта

    <template>
 <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">


                    <div class="card-body">
                        <div id="gantt_here">

                    </div>
                    </div>

             </div>
            </div>
        </div>
    </div>

</template>

<script>
    export default {
        created(){
       gantt.init("gantt_here");
        },
        mounted() {
            console.log('Component mounted.')
        }
    }
</script>
<style scoped>
body{
    margin: 10px ;
}
</style>

, и я называю этот два файла

    <script src="https://cdn.dhtmlx.com/gantt/edge/dhtmlxgantt.js"></script>
<link href="https://cdn.dhtmlx.com/gantt/edge/dhtmlxgantt.css" rel="stylesheet">

пожалуйста, мне нужна помощь

1 Ответ

0 голосов
/ 20 марта 2020

VueJS очень сложно, когда речь идет о javascript компонентах, внешних по отношению к компонентам, в этом случае я могу посоветовать вам выполнить внутренний импорт библиотеки компонентов и попытаться использовать ее, как я никогда не использовал этот компонент, поэтому я не знаю, использует ли он jQuery, но есть способы использовать jQuery в VueJS. Примером ее использования может быть установка библиотеки с помощью команды npm install --save @types/dhtmlxgantt и импорт ее в ваш компонент.

<script>
import gantt from '@types/dhtmlxgantt'

export default {
  ...
  created() {
    gantt.init("gantt_here");
  }
}
</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...