vue-draggable-resizable为什么父组件一样

img


<vdr
  :w="150"
  :h="150"
  :x="50"
  :y="50"
  :min-width="50"
  :min-height="50"
  :parent="true"
  :grid="[10, 10]"
  class-name="dragging1"
>
  <p>你好！ 我是一个灵活的组件。 你可以拖我四处，你可以调整我的大小。</p>
</vdr>

<!-- 相对于class等于什么的标记拖拽 注意指定 parent -->
<vdr parent=".editors">
  <p>You can drag me around and resize me as you wish.</p>
</vdr>
第二个组件不能继续先上拖拽

<div class="editors">
  <vdr :parent="true">
    <p>You can drag me around and resize me as you wish.</p>
  </vdr>
</div>

检查一下你的第二个vdr外侧是否有父容器。

img

对应文档上说明parent属性应为Boolean值。
也就是说你的第二个vdr应该放在.editors内。