是否支持动态添加dropzones

[qq447665722]

尝试在example/nested.vue中添加

<div class="new-elements">
          <div class="panel panel--info">
            <div class="panel__heading">
              <h3>New Elements</h3>
            </div>
            <div class="panel__body">
              <vddl-draggable class="button"
                              :draggable="itemMock"
                              :copied="copied"
                              effect-allowed="copy">
                Add Item
              </vddl-draggable>
              <br>
              <vddl-draggable class="button"
                              :draggable="containerMock"
                              :copied="copied"
                              effect-allowed="copy">
                Add Container
              </vddl-draggable>
              <br>
              <a @click="dropzones.C=[]">Add Dropzone</a>
            </div>
          </div>
        </div>

添加<a @click="dropzones.C=[]">Add Dropzone</a>代码
点击Add Dropzone会出现奇怪的问题

1. 视图中Dropzone没有即时出现,随便更改Container排序,新的Dropzone才会出现
2. 拖动新的Container到新的Dropzone,视图并不能出现Container

是否我的使用方法有问题?

[hejianxian]

@qq447665722 谢谢使用！

我猜你的意思是，动态添加一个 Dropzone（而无需拖动）。如果只是单纯做这个东西，那么是没问题的，至于你这里为何不可以，是因为<a @click="dropzones.C=[]">Add Dropzone</a>这样写并不能让 Vue 更新视图，你可以试试使用 Object.assign方法添加新的属性：

this.dropzones = Object.assign({}, this.dropzones, {
    C: []
});

[qq447665722]

明白,谢谢~