fix
This commit is contained in:
parent
f4d05e0ea1
commit
b16e43a4a0
1 changed files with 3 additions and 2 deletions
|
|
@ -49,12 +49,13 @@ Vue.component('drag', {
|
||||||
props: ['width'],
|
props: ['width'],
|
||||||
template: '<div class="drag"></div>',
|
template: '<div class="drag"></div>',
|
||||||
mounted: function() {
|
mounted: function() {
|
||||||
|
var self = this
|
||||||
var startX = undefined
|
var startX = undefined
|
||||||
var initW = undefined
|
var initW = undefined
|
||||||
var onMouseMove = function(e) {
|
var onMouseMove = function(e) {
|
||||||
var offset = e.clientX - startX
|
var offset = e.clientX - startX
|
||||||
var newWidth = initW + offset
|
var newWidth = initW + offset
|
||||||
vm.$emit('resize', newWidth)
|
self.$emit('resize', newWidth)
|
||||||
}
|
}
|
||||||
var onMouseUp = function(e) {
|
var onMouseUp = function(e) {
|
||||||
document.removeEventListener('mousemove', onMouseMove)
|
document.removeEventListener('mousemove', onMouseMove)
|
||||||
|
|
@ -62,7 +63,7 @@ Vue.component('drag', {
|
||||||
}
|
}
|
||||||
this.$el.addEventListener('mousedown', function(e) {
|
this.$el.addEventListener('mousedown', function(e) {
|
||||||
startX = e.clientX
|
startX = e.clientX
|
||||||
initW = vm.width
|
initW = self.width
|
||||||
document.addEventListener('mousemove', onMouseMove)
|
document.addEventListener('mousemove', onMouseMove)
|
||||||
document.addEventListener('mouseup', onMouseUp)
|
document.addEventListener('mouseup', onMouseUp)
|
||||||
})
|
})
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue