首页 > 解决方案 > Laravel echo 未从 Web 套接字接收事件

问题描述

我真的需要一些帮助,因为搜索如何解决这个问题已经 5 天了。

问题:我正在尝试使用 laravel 制作一个简单的实时网络。vue、laravel-websocket(BeyondCode) 和 mysql。如果您打开项目并尝试提交表单,则数据进入数据库并将事件发送到 websocket。问题是,vue 没有响应事件并更新视图。

如果有人调查 this.TYSM 将不胜感激

https://drive.google.com/open?id=1P1a8HO2KQzoJiquvQMIP7vl7RvVIrNyx

标签: laravelvue.js

解决方案


这是一个示例广播频道。检查您的频道是否正常工作。列出 Laravel Socket 的 vue js 示例。

<tr v-for="(item,index) in desserts" :key="index">
  <td>{{item.name}}</td>
</tr>
</template>
<script>
import { mapGetters } from "vuex";
export default {
  props: ["item"],
data() {
    return {      
      desserts: []
      // array Decalare 
    };
},
mounted() {
    this.listenForBroadcast(
      {
        channelName: "channelName",
        eventName: "eventName"
      },
      ({ data }) => {
        this.desserts = data.data.stockData;
        // store in desserts array
      }
    );
  }
}
</script>

推荐阅读