时间戳

首页 > 解决方案 > 无法在mounted() 中调用函数

javascript - 无法在mounted() 中调用函数

问题描述

我有一个正在连接到 Vue.js 项目的聊天 API。

当用户进入聊天室页面时，它会发送一个 ajax 请求，然后调用获取整个聊天历史记录的函数：

mounted() {
$.ajax({
  url: `http://localhost:8000/api/rooms/${this.$route.params.id}/`,
  data: {username: this.username},
  type: 'PATCH',
  success: (data) => {
    const user = data.members.find((member) => JSON.parse(member).username === this.username)

    if (user) {
      // The user belongs/has joined the session
      this.fetchChatSessionHistory(this.$route.params.id)
    }
  }
})


},

  fetchChatSessionHistory (uri) {
    $.get(`http://127.0.0.1:8000/api/rooms/${uri}/messages/`, (data) => {
      this.messages = data.messages
    })
  },

但它失败了：

TypeError：_this.fetchChatSessionHistory 不是函数

我知道它可能是在错误的地方定义的，但我不知道如何正确地定义它。

标签： javascripthtmlvue.jsvuejs2vue-component

解决方案

您应该将该函数放入methods属性中，如下所示：

mounted(){
      ...
      },
 methods:{
     fetchChatSessionHistory (uri){
         ....
      }
   }

推荐阅读