Laravel 如何在vue中使用axios获取id选择的数据

app.js:50345[Vue warn]：无效道具：道具类型检查失败 “数据”。应为对象，获取值为“”的字符串

这是我如何路由数据和分页的

Route::get('project',function(){
    return App\project::latest()->paginate(5);});

这就是我展示的方式

<td>{{projectownerdata && projectownerdata.project_id}}</td>

{{projectownerdata&&projectownerdata.project\u id}

这是我在vue中的脚本

<script>
    export default {

            data(){
              return{
              projectownerdata :{
              },
               form: new Form({
              project_id:'',
              project_name:'',
              project_code:'',
              tct_number:'',
              project_status:'New',
              address:''

                    })            

                }
            },

            methods:{
      //For Pagination
               getResults(page = 1) {
                     axios.get('api/project?page=' + page)
                      .then(response => {
                        this.projectownerdata = response.data
                })
              },

loadProjects(){
   axios.get('api/project/'+ this.$route.params.id)
        .then(response => {
            this.projectownerdata = response.data
        });

}                        
            },

            created(){
            this.loadProjects();


            },

            }





</script>

导出默认值{
数据（）{
返回{
projectownerdata：{
},
表格：新表格({
项目id:“”，
项目名称：“”，
项目代码：“”，
tct_编号：“”，
项目状态：“新建”，
地址：''
})            
}
},
方法：{
//分页
getResults（第1页）{
get（'api/project？页='+页）
。然后（响应=>{
this.projectownerdata=response.data
})
},
loadProjects（）{
get（'api/project/'+this.$route.params.id）
。然后（响应=>{
this.projectownerdata=response.data
});
}                        
},
创建（）{
这是loadProjects（）；
},
}

而不是使用+将其更改为debug

console.log（响应）

在

axios

中，查看响应结果。我尝试了，但不起作用：（我解决了问题。我忘了调用控制器上的ID。）-_-