Javascript 如何从NodeJS获取单个数据并在VueJS中显示?

Javascript 如何从NodeJS获取单个数据并在VueJS中显示?,javascript,node.js,vue.js,Javascript,Node.js,Vue.js,我创建了一个包含用户详细信息的数据库,我希望通过搜索其名字来显示我的VueJS 下面是我在JSON中请求用户详细信息的代码。它正在工作,因此我的下一步将是在VueJS中显示数据 http://localhost:9000/api/user/:id 我的VueJ上有这样的东西 export default { data() { return { search: "", results: {} }; }, mounted() { thi

我创建了一个包含用户详细信息的数据库,我希望通过搜索其名字来显示我的VueJS

下面是我在JSON中请求用户详细信息的代码。它正在工作,因此我的下一步将是在VueJS中显示数据

http://localhost:9000/api/user/:id
我的VueJ上有这样的东西

export default {
  data() {
    return {
      search: "",
      results: {}
    };
  },

  mounted() {
    this.getUsers();
  },
  methods: {
    getUser() {
      axios
        .get("http://localhost:9000/api/user/")
        .then(response => (this.results = response.data))
        .catch(error => alert(error));
    }
  },

  computed: {
    /* Search Bar */
    filteredPeople() {
      if (this.search) {
        return this.results.filter(result => {
          return result.First_Name.toLowerCase().startsWith(
            this.search.toLowerCase()
          );
        });
      } else {
        return this.results;
      }
    }
  },
};
</script>

尝试这样更改
getUser()

getUser() {
  let self = this;
  axios
    .get("http://localhost:9000/api/user/", {
      params: {
        id: 12345
      }
    })
    .then(response => (self.results = response.data))
    .catch(error => alert(error));
}

只是解决这个问题:

请查看以下内容:

它已经准备好了引导vue按名称搜索的功能。你所要做的就是:

  • 在桌子上放一个布带
  • 将用户数组从API返回到axios响应
  • 将项设置为用户数组

  • @Vin,console.log(response.data)返回什么?无,idk为什么。也许我需要传递一个数据。获取(“+id”)?差不多that@Vin,尝试像我刚才那样添加
    id
    。此表可以处理大数据吗?可以。我在mongo db的10000条记录上测试了它。
    //gets a specific user based on their ID
    router.get('/user/:id', function (req, res) {
        let sql = "SELECT * FROM MEMB WHERE id = ?";
        myDB.query(sql, req.params.id, function (err, rows) {
            if (err) {
                console.log("Your query has error."+ err);
            } else {
                console.log(rows);
                res.send(rows);
            }
        });
    });
    
    getUser() {
      let self = this;
      axios
        .get("http://localhost:9000/api/user/", {
          params: {
            id: 12345
          }
        })
        .then(response => (self.results = response.data))
        .catch(error => alert(error));
    }