Question

我有一个针对我公司的项目管理应用程序。我想跨许多项目（每个项目一行）创建类似trello的界面。每列都是不同优先级的列表（保持，活动，紧急）：

<div v-for="project in open_projects"    
    <draggable :list="hold_tasks">
        <div v-for="task in hold_tasks">
            {{ task.title }}
        </div>
    </draggable>
    <draggable :list="active_tasks">
        <div v-for="task in active_tasks">
            {{ task.title }}
        </div>
    </draggable>
    <draggable :list="urgent_tasks">
        <div v-for="task in urgent_tasks">
            {{ task.title }}
        </div>
    </draggable>
</div>

如果我将数组设为本地（数据），则拖放操作非常快速且无缝，但是从组件外部到列表的更新很麻烦。我必须广播已收到更新，并手动更新本地数据。

如果我使用计算属性，那么它可以很好地与更新配合使用，但是在vuejs滴答作响时会有很长的延迟。

是否有一种简便的方法来同步更好的vuex和本地数据或加快计算出的属性？

我还要提到，我无法以可拖动的方式为每个项目/优先级组合创建单独的数组。我试过创建像task [priority] [project_id]这样的数组，它没有显示任何内容，所以我做了很多过滤工作。该列表也很长。几百个项目。

Vuejs可拖动+ Vuex +长列表

0 个答案: