Question

我正在使用vue-sortable and dragable，目前我可以拖动上面的项目并更改其位置，但我的json没有刷新，所以我有这个列表：

<draggable v-model="this.$store.getters.getDocument.getDocumentAttributes">
    <div class="panel panel-primary" v-for="(value, key, index) in this.$store.getters.getDocumentAttributes">
        <div class="panel-body quote">
            <span @click="removeSection(index,key)" class="pull-right glyphicon glyphicon-remove text-info"></span>
            <p>{{value.key}}</p>
        </div>
    </div>
</draggable>

我从vuex商店获取列表，我可以交换元素，但json没有刷新，我该怎么办？

Answer 1

您的v模型是this.$store.getters.getDocument.getDocumentAttributes。这是vuex的吸气之物。 Getter只是用于获取数据，您无法使用它来修改数据。

尝试阅读可排序的lib的文档： https://github.com/SortableJS/Vue.Draggable#with-vuex

Vue可排序无法正常工作

1 个答案: