Php 如何从Vue.js Axios返回Laravel中的数据

Php 如何从Vue.js Axios返回Laravel中的数据,php,laravel,vue.js,Php,Laravel,Vue.js,我有一个textarea,我尝试使用axios和vue向laravel提交数据,但不起作用。我尝试先获取数据,然后将其放回 new Vue({ el:'#root', data:{ areamodel: '' }, methods:{ insert:function(){ axios.post('/vue').then(response => this.areamodel = response.data); } } }); 及 问题是vue实例在axios中

我有一个textarea,我尝试使用axios和vue向laravel提交数据,但不起作用。我尝试先获取数据,然后将其放回

new Vue({
el:'#root',
data:{

  areamodel: ''
},

methods:{
 insert:function(){
     axios.post('/vue').then(response => this.areamodel = response.data);
   }

}

});


问题是vue实例在axios中不可用

new Vue({
el:'#root',
data:{
  areamodel: ''
},

methods:{
 insert:function(){
     let vueInstance = this; //This line is important

     axios.post('/vue', {areamodel: vueInstance.areamodel}).then(
       function(response){
         vueInstance.areamodel = response.data.areamodel;
       }
     ).catch(function(error){ console.log(error.message); });
   }
}

});
和服务器端

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class PostController extends Controller
{
   public function vue(Request $request)
   {
     $abc = ucfirst($request->input('areamodel'));

     return response()->json(['areamodel' => $abc]);

   }
}

问题是vue实例在axios中不可用

new Vue({
el:'#root',
data:{
  areamodel: ''
},

methods:{
 insert:function(){
     let vueInstance = this; //This line is important

     axios.post('/vue', {areamodel: vueInstance.areamodel}).then(
       function(response){
         vueInstance.areamodel = response.data.areamodel;
       }
     ).catch(function(error){ console.log(error.message); });
   }
}

});
和服务器端

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class PostController extends Controller
{
   public function vue(Request $request)
   {
     $abc = ucfirst($request->input('areamodel'));

     return response()->json(['areamodel' => $abc]);

   }
}


显示的错误是什么?仅为空无错误当我转到vue dev tools时,仅显示区域模型:“try
console.log(response.data)”在开发工具中现在显示areamodel:UnfineDI已发布解决方案显示的错误是什么?仅为空在我转到vue开发工具时无错误仅显示areamodel:“try
console.log(response.data)在开发工具中,现在它显示了areamodel:Undefine我已经发布了一个SolutionName,我认为它在laraveli中有一些东西放在这个返回['areamodel'];现在它工作了,但它只是返回了areamodel,我需要它返回[object object]的areamodel的输出。你是否将
response.data
替换为
response.data.areamodel
它返回了[object object]对吗?因此,在控制台中,您可以在开发工具中展开“网络中的对象”选项卡。你能试试看,确认一下回答是否正确吗?同样,我认为它在拉拉维利的这个报税表中有一些东西['areamodel'];现在它工作了,但它只是返回了areamodel,我需要它返回[object object]的areamodel的输出。你是否将
response.data
替换为
response.data.areamodel
它返回了[object object]对吗?因此,在控制台中,您可以在开发工具中展开“网络中的对象”选项卡。你能试一下并确认回答是否正确吗?