如何解决递归vue可拖动列表仅在父对象被编辑后才更新
经过几天的测试,我无法弄清楚为什么出现此问题。我有一个draggable
组件(来自Vue.Draggable),其中包含一个组件列表,其中一些也是draggrable
组件(有点嵌套)。
问题在于,当我在嵌套的draggable
列表中拖动某些内容时,它不会显示任何内容,而我不会在父列表中拖动其他内容。当然,顶级父级不会显示任何内容,因为没有其他父级可以更新。
<template>
<draggable
class="h-100"
:group="{ name: 'conditions',put: true }"
:list="conditions"
:sort="false"
handle=".drag"
@change="onUpdate"
>
<component
v-for="(condition,index) in conditions"
:key="index"
:is="condition.conditionType"
v-bind.sync="conditions[index]"
/>
</draggable>
</template>
import Vue from 'vue'
import draggable from 'vuedraggable'
export default Vue.extend({
name: 'local-draggable',components: {
draggable,...someComponents
},...
})
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。