Javascript Vue.js可排序列表-通过AJAX更新模型并保存更改位置 小提琴:
目标: 当重新排序发生时(通过Sortable),向后端发送AJAX请求以保存任务的新位置 什么是v-sortable? 问题Javascript Vue.js可排序列表-通过AJAX更新模型并保存更改位置 小提琴:,javascript,ajax,laravel-5.1,jquery-ui-sortable,vue.js,Javascript,Ajax,Laravel 5.1,Jquery Ui Sortable,Vue.js,目标: 当重新排序发生时(通过Sortable),向后端发送AJAX请求以保存任务的新位置 什么是v-sortable? 问题 标记已更新,但模型未更新。在这种情况下,重新订购时task.position的值保持不变 如果需要,$watch应该是什么样子?我应该输入什么值 如何解决这个问题?这种方法遇到的主要问题是,您正试图通过使用输入和type=“hidden”来更新位置。Vue的v-model不支持该输入类型(不幸的是,在这种情况下也不会发出错误消息) 既然您只是想在放置结束后更新位置
- 标记已更新,但模型未更新。在这种情况下,重新订购时task.position的值保持不变
- 如果需要,
应该是什么样子?我应该输入什么值$watch
如何解决这个问题?这种方法遇到的主要问题是,您正试图通过使用
输入和type=“hidden”
来更新位置。Vue的v-model
不支持该输入类型(不幸的是,在这种情况下也不会发出错误消息)
既然您只是想在放置结束后更新位置,为什么不直接遍历数组,然后像这样进行设置呢
that.value.forEach(function (task, index) {
task.position = index + 1;
});
在这里工作:我们可能需要查看您的javascript来提供帮助。jsfiddle会更好。@DavidK.Hess当然,添加了一个fiddle,那里没有做AJAX,因为我不知道在哪里,模型现在也没有更新。