gantt图不显示问题修改

src/views/mes/pro/schedule/ganttx.vue

 <template>
-  <div ref="gantt"></div>
+  <div ref="gantt" style="width: 100%;"></div>
 </template>
 
 <script>
@@ -32,17 +32,6 @@ export default {
     },
   },
 
-  watch: {
-    // tasks: {
-    //   handler(val) {
-    //     if (val.data.length) {
-    //       this.reload()
-    //     }
-    //   },
-    //   deep: true,
-    // },
-  },
-
   created() {},
 
   mounted: function () {
@@ -63,6 +52,8 @@ export default {
       gantt.clearAll();
       this.addTodayLine();
       gantt.parse(this.$props.tasks);
+
+      console.log('this.$props.tasks', this.$props.tasks)
       gantt.render();
     },
     addTodayLine() {