在Vue2.0项目中，作者分享了如何创建一个可拖动的时间轴组件，探讨了使用d3.js、three.js、echarts进行数据可视化时遇到的挑战。文章指出在Vue中直接用jQuery操作DOM会导致页面卡顿，并提供了优化方法。通过实例讲解了如何避免这种问题，以及在拖动事件中更新组件状态的技巧。
目前做的都是一些数据可视化的项目，使用的是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) {
// 这个函数的作用是用来操作时间轴
最低0.47元/天 解锁文章
扫一扫
2189
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
