Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.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
Laravel 索引未知时更新特定数组项_Laravel_Vue.js_Vuejs2 - Fatal编程技术网

Laravel 索引未知时更新特定数组项

Laravel 索引未知时更新特定数组项,laravel,vue.js,vuejs2,Laravel,Vue.js,Vuejs2,在页面加载时,我从服务器接收一组对象,这些对象使用v-for循环显示 应用程序是实时的,因此当其他用户更新阵列中的对象时,我会收到一个包含更新对象的pusher事件(这是一个包含更新模型的Laravel 5.4广播事件) 然后,如何在数组中定位该对象以用更新版本替换它 示例组件JS export default{ data(){ return { items: [] } }, mounted(){ .

在页面加载时,我从服务器接收一组对象,这些对象使用
v-for
循环显示

应用程序是实时的,因此当其他用户更新阵列中的对象时,我会收到一个包含更新对象的pusher事件(这是一个包含更新模型的Laravel 5.4广播事件)

然后,如何在数组中定位该对象以用更新版本替换它

示例组件JS

export default{
    data(){
        return {
            items: []
        }
    },

    mounted(){
       ...some code to get the array from the server

       this.items = server.response;
    },

    created() {
         Echo.private('channel-name)
           .listen('event', (event) => {

               **What do I do here with the received model to update the items array?**

            });
        });
    }
}

我认为您应该在
实体中有一些ID,然后查找具有相同ID的项并替换它。可以进行更换,例如,使用地图:

...
//assuming you have ID inside your item entity
//and your new "replacement" model is in event.item

.listen('event', (event) => {
  var newItem = event.item;

  this.items = this.items.map(item => {
   return item.ID === newItem.ID ? newItem : item;
  });
});
...

看来我想得太多了。谢谢