Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/462.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Vue.js可排序列表-通过AJAX更新模型并保存更改位置 小提琴:_Javascript_Ajax_Laravel 5.1_Jquery Ui Sortable_Vue.js - Fatal编程技术网

Javascript Vue.js可排序列表-通过AJAX更新模型并保存更改位置 小提琴:

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不支持该输入类型(不幸的是,在这种情况下也不会发出错误消息) 既然您只是想在放置结束后更新位置

目标: 当重新排序发生时(通过Sortable),向后端发送AJAX请求以保存任务的新位置

什么是v-sortable?

问题
  • 标记已更新,但模型未更新。在这种情况下,重新订购时task.position的值保持不变
  • 如果需要,
    $watch
    应该是什么样子?我应该输入什么值

如何解决这个问题?

这种方法遇到的主要问题是,您正试图通过使用
输入
type=“hidden”
来更新位置。Vue的
v-model
不支持该输入类型(不幸的是,在这种情况下也不会发出错误消息)

既然您只是想在放置结束后更新位置,为什么不直接遍历数组,然后像这样进行设置呢

that.value.forEach(function (task, index) {
    task.position = index + 1;
});

在这里工作:

我们可能需要查看您的javascript来提供帮助。jsfiddle会更好。@DavidK.Hess当然,添加了一个fiddle,那里没有做AJAX,因为我不知道在哪里,模型现在也没有更新。