I'm using vue2 and I need to escape a variable inside escaped content. Sounds strange, but this code will clarify (table cell inside a row):
<tr v-for="(site, siteIndex) in mySites" :key="siteIndex">
<td>
<b-tag>
{{ myStatusObject.{{ site }}.someString }}
</b-tag>
</td>
...
I need to escape the site
variable inside the escaped content.
How do I do that ?
The standard documentation only covers simple cases, this seems to be more advanced and maybe not (yet) possible in vue2 ?
Please help :)
P.S.: Using things like
{{ myStatusObject[site].someString }}
doesn't work. I need to escape site
.
My myStatusObject looks like this:
{
abc: { someString: "test1" },
def: { someString: "test2" }, ...
}
where "abc" and "def" are the sites. Calling
myStatusObject[site].someString
doesn't work.
I should be able to access the site object by escaping without the need of a second for loop.
If I hardcode {{ myStatusObject.abc.someString }}
for testing purposes everything is fine.
Using this syntax
{{ myStatusObject[site].someString }}
it's works fine, I think you've an issue withbootstrap-vue
config :