active激活状态

[AloneZhao]

<Vue3DraggableResizable
class="anchor-point-item"
v-for="(item, index) in anchorPointList"
:key="index"
:x="item.left"
:y="item.top"
:w="item.width"
:h="item.height"
:min-width="20"
:min-height="20"
:draggable="true"
:parent="true"
:active="false"
@activated="onAnchorActivated(index)"
@deactivated="onAnchorDeactivated(index)"
@drag-start="onAnchorDragStart(index)"
@dragging="onAnchorDragging(index, $event)"
@drag-end="onAnchorDragEnd(index, $event)"
@resize-start="onAnchorResizeStart(index)"
@resizing="onAnchorResizing(index, $event)"
@resize-end="onAnchorResizeEnd(index, $event)"
>

<el-button type="primary" size="small" @click.stop="handleOperation">操作

作者，请问下当点击操作这个按钮，元素不要加入active类名并不是激活状态，如何来处理

[July7777777]

在 data中定义一个 flag:false，
组件Vue3DraggableResizable中 :active="flag"
函数handleOperation 中 this.active=!this.active 即可切换

多学学vue基本知识