USe data from another object VueJs

Question

i have quick question here.

I have my object with value:

  data() {
    return {
      nation: {
        CZ: require("../../../../../svg/czech-flag.svg"),
      }
    };
  },

Then have API object (API is working fine, fyi)

  doctor: {
    region: "CZ"
  }

I wanna do something like this (is not working of course):

<div v-html="nation.doctor.region></div>

I had method for this, it worked, but I think it can be easier to do that. Thanks a lot for any help

Instead of all the ../../../ you can use @/ to get to the src/ directory. Your code will become much more clear. — Madriesen
– Madriesen, Commented Mar 9, 2021 at 7:31
Thank you for advice - in this project is still, i dont know why, not exist vue config file, so its not working yet. But I will use it, thank you! — WooZy
– WooZy, Commented Mar 9, 2021 at 8:38

Madriesen · Accepted Answer · 2021-03-09 07:38:23Z

1

You can use something like nations[`${doctor.region}`]

Working code:

const data = {
    nations: {
        CZ: 'Czech'
    }
}

const doctor = {
    region: 'CZ'
}

console.log(data.nations[`${doctor.region}`])

answered Mar 9, 2021 at 7:38

Madriesen

6492 gold badges9 silver badges28 bronze badges

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

1 Answer 1