Vue Multiselect：对象内的访问对象，用于自定义选项

Question

我正在使用Vue Multiselect Custom Option Template 我想将name属性用作customLabel，通常只需使用name即可，但在这种情况下，我需要的属性在另一个对象中。

这是我带来的对象：

0:Object
  created_at:null
  id:1
  profile:Object
    id:1
    picture_url:"some-image.jpg"
    profile_id:"your-id"
    profile_name:"Your Name"
    profile_id:1
  subscription_active:1
  updated_at:null

通常名称会在根目录中，因此很容易访问，但我需要访问嵌套在profile_name下的profile

这是我到目前为止所尝试的内容：

methods: {
  customLabel ({ profile['profile_name'] }) {
  return `${ profile['profile_name'] }`
}

Answer 1

这将有效：

methods: {
  customLabel ({ profile }) {
  return `${ profile.profile_name }`
}