xiongcaihu / vue-power-drag Goto Github PK

JavaScript 49.53% HTML 1.02% CSS 1.75% Vue 47.70%

vue-power-drag's Introduction

Hi

function helloWorld(){
  console.log("yeah?");
}

vue-power-drag's People

Contributors

Stargazers

Watchers

vue-power-drag's Issues

示例template slot不生效 drag组件包裹元素为空

vue init 一个新的vue项目
npm install vue-power-drag --save

将示例代码粘贴到vue 项目中App.vue 里面打开页面什么都没有审查元素发现vuePowerDrag 没有孩子节点

插槽内element样式被覆盖问题

样式表没有加scoped导致插槽内的element样式被覆盖

不同的屏幕分辨率下,显示问题

在不同的屏幕分辨率下,修改你的baseWidth,baseHeight,baseMarginLeft,baseMarginTop，把这些值设为20，20，4，4的时候，他就会超出屏幕范围

关于additem 的问题

在这个layout实例过后，additem的sizex大于5就报错了

layout: [
             {x:0,y:0,sizex:5,sizey:5,type:'pie',keyid:"option1"},
             {x:6,y:0,sizex:2,sizey:5,type:'bar',keyid:"option1"},
             {x:8,y:0,sizex:5,sizey:5,type:'bar',keyid:"option1"},
             {x:0,y:6,sizex:5,sizey:5,type:'pie',keyid:"option1"},
             {x:6,y:6,sizex:7,sizey:5,type:'line',keyid:"option1"},
                ],

这是增加item的数据：

adddata:{x:0,y:0,sizex:7,sizey:5,type:'line',keyid:"option1"};

这是前台的信息，以及拖拽功能也不能用了:

vue-power-drag.min.js?d802:24 Uncaught TypeError: Cannot read property 'el' of undefined
    at T (vue-power-drag.min.js?d802:24)
    at VueComponent.y (vue-power-drag.min.js?d802:24)
    at VueComponent.v (vue-power-drag.min.js?d802:24)
    at eval (vue-power-drag.min.js?d802:24)