Vue Multiselect: Access object within object for custom option

Question

I am using the Vue Multiselect Custom Option Template and I want to use the name property as a customLabelnormally this would be easy as just using name but in this case the property I need is within another object.

Here is the object I am bringing in:

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

Normally name would be in the root so it would easy to access but I need to access profile_name which is nested under profile

Here's what I have tried so far:

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

flamisz · Accepted Answer · 2017-04-20 04:26:38Z

1

This will work:

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

answered Apr 20, 2017 at 4:26

flamisz

1113 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Clinton Green Over a year ago

Bravo, that works, BTW has anyone ever told you that you look just like Pachenko from Death Race?

Collectives™ on Stack Overflow

Vue Multiselect: Access object within object for custom option

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related