Code Monkey home page Code Monkey logo

vuedraggable's Introduction

一个可拖拽图表

这是基于vue2 + vuedraggable + echarts + iview + 写的的一个可拖拽图表的demo！ 公司有个项目需要用到拖拽，无奈百度了一番，却发现并没有类似拖拽图表的插件，那就只有自己撸起袖子干了。

在线体验

https://zengxianlin.github.io/vue/dragging

效果图

效果图1

效果图2

效果图3

技术栈

在此DEMO中使用了一下技术

  • vue2
  • vuedraggable
  • echarts
  • iview

项目地址：（git clone）

git clone https://github.com/zengxianlin/vuedraggable.git

安装

npm install

运行

npm run dev

浏览器输入:http://localhost:8080

发布

npm run build

感谢

感谢您的来访 ，如果对于您有帮助 ，麻烦您使劲的给个Star吧 ！

联系方式： QQ:877529974 微信：15018791515

再次感谢

感谢热心网友提供的文章支持！

https://sortablejs.github.io/Sortable/

https://sortablejs.github.io/Vue.Draggable/#/simple

https://blog.csdn.net/zjiang1994/article/details/79809687

vuedraggable's People

Contributors

zengxianlin avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar

Forkers

gukeming haoshenpei treasureling hesitanting fangchuanzhi diwuhaiting90 xingxinglail benbtx panboren xiaohan815 chenyuneasy arraycto colinliugz how2steal idearbank pccbo-fe leeqqiang yuzhuo-jia nalinnalin zhousenshan forijk qiyongle1230 sy26856 fengyunchangxuan titans1001 lucky-rocky elvira-ho lioncl xuebijishui tibo-vip freshhu wangyahuiself liyinglihuannan red0908 wqm110 aaron-ly minge-b seniorduo a712718 cuihuale2021 wwwk cwj3000 baojungit lyh0831 crazyapple1 smileleilei xxxinsxxx wenxiao1993 miwei230 logep sakuragihanamichi-k gobelievebaozzz ll-l

vuedraggable's Issues

关于License

你好，我们在开发中正好利用了你的整个控件，对我们有非常大的帮助。
但是因为要利用你的控件，我们想要明确你的控件的使用License，请问能否把你该控件的使用License文件上传到GitHub项目上面。
给您添麻烦了。

vuedraggable拖拽顺序错乱

想问下作者,如果是上下的两个元素进行拖拽顺序是正常的,但是如果是三个元素的话,将第一个元素拖拽到第三个元素的地方第二个元素也会随之改变顺序,这个是拖拽的顺序错乱吗?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.