Some plugins is not normal

Gantt
#1

I want to use it in vue.But I have some problems. The view on the left of most demos on the official website can actively control the size, but when I use vue, I cannot actively control the size. How should I solve this problem?

export default {
data() {
return {
tasks: {
data: [id: 1, start_date: ‘01-04-2018’, duration: 18]
}
}
},
mounted() {
gantt.init(this.$refs.gantt)
gantt.parse(this.tasks)
}}

#2

Hello,
Do you want to resize the grid?
If yes, that feature is available only in the Pro and Trial versions. If you have one of those versions, you need to install it to your project. To do that, follow these steps:

  1. Unpack Gantt to a specific folder, for example, to /opt/gantt_pro
  2. If your Gantt version is 6.1.x, you need to replace the package.json file with the following one:
    https://files.dhtmlx.com/30d/cb80c0faf513b1caab81d79fe9266c4e/package.json
  3. Use the following command to install Gantt:
npm install /opt/gantt_pro

In the following article, you can read more about it:
https://docs.dhtmlx.com/gantt/desktop__install_with_bower.html#addingproeditionintoproject

If you mean something different, please, give me more information about your requirement.