Vue.js Vue JS，拖放，并获取ID

我管理不同的团队和一列竞争对手

使用vue dragula，我可以将竞争对手拖拽到我想要的团队中，这很好

现在，我需要检测哪些竞争对手被添加到哪个团队，并在每次拖放时修改myTeam变量

我在这里写了一首小提琴：

我删除了这些事件，因为它们无法正常工作，但它们就像：

Vue.vueDragula.eventBus.$on(
            'drop',
            function (args) {
                ...

            }
        );
        Vue.vueDragula.eventBus.$on(
            'dropModel',
            function (args) {
                ...


            }
        )

我应该如何获得我移动的团队Id和竞争对手Id，以便我可以坚持签名？

这是我的提琴：

在HTML模板

面板主体中

部分：

<div class="panel-body">
    <div class="container-dragula"
            v-dragula="copyOne" 
            :team-id="team.id"
            bag="third-bag">
        <div v-cloak
                v-for="(competitor, index) in copyOne"
                :team-id="team.id"
                :id="compotitor.id"
                :index="index"
                :key="competitor.id"
        >{{competitor.name}}
        </div>
    </div>
</div>

在您的JS中：

  created: function () {
    Vue.vueDragula.eventBus.$on('drop', function (args) {
         alert('teams ID is:'+args[1].parentNode.getAttribute("team-id"));
       alert('competitors ID is: ' + args[1].getAttribute("id"));
    })
  }

希望有帮助。

这是我的小提琴：

在HTML模板

面板主体中

部分：

<div class="panel-body">
    <div class="container-dragula"
            v-dragula="copyOne" 
            :team-id="team.id"
            bag="third-bag">
        <div v-cloak
                v-for="(competitor, index) in copyOne"
                :team-id="team.id"
                :id="compotitor.id"
                :index="index"
                :key="competitor.id"
        >{{competitor.name}}
        </div>
    </div>
</div>

在您的JS中：

  created: function () {
    Vue.vueDragula.eventBus.$on('drop', function (args) {
         alert('teams ID is:'+args[1].parentNode.getAttribute("team-id"));
       alert('competitors ID is: ' + args[1].getAttribute("id"));
    })
  }

---

希望有帮助。

Tx！这对我帮助很大！德克萨斯州！这对我帮助很大！