本文共 1013 字，大约阅读时间需要 3 分钟。

刚开始学习Vue，遇到了一个挺有意思的问题——参数传不到后台去。具体情况是这样的：

我在项目中使用Vue.js来处理一个checkin的功能。代码看起来很普通，但后来发现一个问题——参数传不到了后台。经过一些调试和排查，我终于找到了问题的根源。

问题代码如下：

checkin (){
  var phoneNumber=this.phone;
  var userpassword=this.yzm;
  this.$http.post('myurl',{
    mobilePhone:phoneNumber,
    password:userpassword
  }).then(function(res){
    this.$root.userid=res.data.userid;
    console.log(this.$root.userid);
    this.$router.push('/content');
  });
}

后来，我在网上找到了一个解决方案——在post的参数中添加emulateJSON: true，这样参数就会以JSON格式传到后台，而后台就能正确接收了。改进后的代码如下：

checkin (){
  var phoneNumber=this.phone;
  var userpassword=this.yzm;
  this.$http.post('myurl',{
    mobilePhone:phoneNumber,
    password:userpassword
  },{ 
    emulateJSON: true 
  }).then(function(res){
    this.$root.userid=res.data.userid;
    console.log(this.$root.userid);
    this.$router.push('/content');
  });
}

添加了emulateJSON: true以后，参数就能正确传到后台了。这一解决方案简单又有效，帮助我解决了一个看似棘手的问题。

在实际开发过程中，遇到类似的问题时，可以尝试检查参数的传递方式是否正确。有时候，后台并不是完全按照我们的预期接收数据，通过调试和查看网络请求，可以找到问题的症结所在。希望这篇文章能对其他遇到类似问题的开发者提供一些参考。

转载地址：http://ehcfk.baihongyu.com/