横向布局 需要拖动框选区域 改变两边元素宽度
<template>
<div>
<div :style="setLeftStyle()" class="view"></div>
<div id="line" class="line"></div>
<div :style="setRightStyle()" class="view"></div>
</div>
</template>
<script>
data(){
return{
width:400, //默认右边div的宽度
lastClientX:0 , //记录最后一次拖动的横向位置
}
},
mounted(){
const _this = this;
this.$nextTick(() => {
const moveDom = document.getElementById('line'); //拖动元素
moveDom.onmousedown = function (e) {
_this.clientStartX = e.clientX;
document.onmousemove = function (e) {
_thi