vue图片时间轴滑动_在vue2.0 中制作时间轴拖动组件

目前做的都是一些数据可视化的项目，使用的是vue框架，其中用到了d3.js、three.js、echarts。

在vue框架下我们会遇到很多让人心累的时刻，谁用谁知道。

项目过程中有遇到这样的一个组件

这个组件要求是可以拖动，但是在vue中使用jquery 来操作dom，我在第一遍这样去使用的时候发现页面会很卡。

• { {item}}

import historData from '../historData'

export default {

data () {

return {

time: ['06.06','06.07','06.08','06.09','06.10','06.11','06.12'],

historIsShow: false,

dragNum: 0

}

},

mounted () {

this.scale('btn1', 'bar1');

},

methods: {

scale:function (btna, bara, titlea) {

// 这个函数的作用是用来操作时间轴