diff --git a/src/components/Splitpanes.vue b/src/components/Splitpanes.vue index c61e163..e3d05c6 100644 --- a/src/components/Splitpanes.vue +++ b/src/components/Splitpanes.vue @@ -161,7 +161,7 @@ export default { onMouseMove (event) { event.preventDefault() this.dragging = true - this.$set(this.movableSplitter, 'visibility', 'visible') + this.movableSplitter.visibility = 'visible' this.moveSplitter(event) }, @@ -195,7 +195,7 @@ export default { } const offset = splitter.calculateOffset(event, splitterInfo) const dir = this.horizontal ? 'top' : 'left' - this.$set(this.movableSplitter, dir, offset) + this.movableSplitter[dir] = offset }, togglePane (pane) { diff --git a/src/mixins/tooltips.js b/src/mixins/tooltips.js index 4090e84..c211413 100644 --- a/src/mixins/tooltips.js +++ b/src/mixins/tooltips.js @@ -8,12 +8,12 @@ export default { }, methods: { showTooltip (e) { - this.$set(this.tooltipStyle, 'top', e.clientY - 12 + 'px') - this.$set(this.tooltipStyle, 'left', e.clientX + 12 + 'px') - this.$set(this.tooltipStyle, 'visibility', 'visible') + this.tooltipStyle.top = e.clientY - 12 + 'px' + this.tooltipStyle.left = e.clientX + 12 + 'px' + this.tooltipStyle.visibility = 'visible' }, hideTooltip () { - this.$set(this.tooltipStyle, 'visibility', 'hidden') + this.tooltipStyle.visibility = 'hidden' } } }