vue3 点击按钮, 盒子向左移动

// 这是一个点击让盒子向左移动的事件

const turnRight = () => {

// 获取父盒子的宽度 / 本项目要求点一次右边移动按钮 所以 / 2

let willTrun = localStorage.getItem('wWidth') / 2

// 获取要移动的盒子本来的位置

let move = middle._value.style.left

if(move.includes('px')){ // 判断有没有 px 有就切割一下转字符串后面好累加

move=Number(move.split('px')[0].split('-')[1])

}

// 如果盒子移动大于父盒子的宽度就不允许再移动了

if(move>middle.value.offsetWidth - willTrun * 2)return

move += willTrun // 移动的累加

middle._value.style.left = -move + 'px';

console.log(move, 'move');

}