up

src/components/TimeLine/TimeLine.vue

@@ -45,23 +45,18 @@ export default {
             this.$emit('dataHandle', oldData);
         },
         dataSource: function (val, oldVal) {
+            console.log(val) 
             //源数据监听
             this.dataHandleInit();
         },
     },
     mounted() {
         this.dataHandleInit(); //
+        console.log(this.dataSource)
     },
     methods: {
         dataHandleInit() {
-            const dataSource = [
-                { name: '04/01' },
-                { name: '05/01' },
-                { name: '06/01' },
-                { name: '07/01' },
-                { name: '08/01' },
-            ];
-            const markNum = dataSource.map(item => item.name);
+            const markNum = this.dataSource.map(item => item.name);
             this.max = (markNum.length - 1) * 10; //时间轴最大值
             const splitNumber = 10;
             // const splitNumber = 100 / (markNum.length - 1)
@@ -69,10 +64,10 @@ export default {
             let num = 0;
             let marks = {};
             // 排序，确定marks
-            dataSource
+            this.dataSource
                 .sort((a, b) => Number(a.name) - Number(b.name))
                 .forEach((item, index) => {
-                    if (dataSource.length < 10) {
+                    if (this.dataSource.length < 10) {
                         marks[num] = { label: item.name };
                     } else {
                         marks[num] = {
@@ -103,6 +98,7 @@ export default {
                 this.value2 = 0;
             } else {
                 this.value2 += this.step;
+                console.log(this.value2)
             }
         },
         // 自动播放