Vue v-rect 组件：使用 left 和 right 属性移动矩形

在 Vue 的 'v-rect' 组件中，你可以通过设置 'left' 和 'right' 属性来移动矩形。以下是一个例子：

<v-rect :config='imgRect' :left='leftValue' :right='rightValue' />

然后在你的 Vue 实例中，你可以定义 'leftValue' 和 'rightValue' 的值来控制矩形的左右移动：

data() {
  return {
    leftValue: 0,
    rightValue: 0,
    imgRect: {
      // 其他属性...
      left: this.leftValue,
      right: this.rightValue
    }
  }
},
watch: {
  leftValue(newValue) {
    this.imgRect.left = newValue;
  },
  rightValue(newValue) {
    this.imgRect.right = newValue;
  }
}

通过改变 'leftValue' 和 'rightValue' 的值，你可以控制矩形的左右移动。请注意，在上面的代码中，'imgRect' 对象中的 'left' 和 'right' 属性是通过 Vue 的数据绑定来动态更新的。