Javascript 作为道具传递对象

Javascript 作为道具传递对象,javascript,vue.js,Javascript,Vue.js,我正在使用VueJS进行一个小项目,我想知道如何打印我收到的道具(标签) 这是我的代码: <div class="form-group"> <auto-complete :path="'/api/accounts/autoComplete/'" :label="'item.account_name'"></auto-complete> </div> 从“./axiosap

我正在使用VueJS进行一个小项目,我想知道如何打印我收到的道具(标签)

这是我的代码:

<div class="form-group">
     <auto-complete :path="'/api/accounts/autoComplete/'" :label="'item.account_name'"></auto-complete>
</div>



从“./axiosapi”导入{getAPI}
导出默认值{
道具:{
标签:对象,
路径:字符串
},
数据(){
返回{
建议:错,
查询:“”,
数据:[],
}
},
方法:{
自动完成(){
if(/\S/.test(this.query)和&this.query.length>=3){
getAPI.get(this.path+'?query='+this.query)。然后((响应)=>{
this.data=response.data
})
}
},
选定(帐户){
this.query=帐户
这个建议是错误的
}
}
}

如您所见,我在:label中发送了一个对象,我想在这里打印它(因为我的组件数据中有这个对象)

假设您想要一个
item
的特定键作为标签,您只需传递该键字符串,然后在下拉项中使用它。确保
标签
道具只接受
字符串

<div class="form-group">
  <auto-complete path="/api/accounts/autoComplete/" label="account_name" placeholder="My PlaceHolder"></auto-complete>
</div>


导出默认值{
道具:{
标签:字符串,
占位符:字符串
}
}

您发送的是字符串,而不是对象。 你应该做:

:label="item.account_name"
而不是

:label="'item.account_name'"

已经完成了,但还是同一个问题,请查看我的:标记我发送的内容请编辑帖子以显示完整的组件代码。@jrcmatog updated:)顺便说一句,我想重复使用我的组件,每次都显示不同的field@AliceMunin编辑我的答案。:)我必须添加:在标签之前?你能看到我的代码更新吗:)我想重新使用自动完成,每次都显示不同的标签(这取决于我的表字段)。是的,我想您应该正确注册了自动完成组件。如果是这样,您应该能够使用它。只需确保您将
项。account\u name
而不是
项。account\u name'
放入:标签中即可
:label="item.account_name"
:label="'item.account_name'"