在 Vue.js 中转义双引号

Question

我正在尝试将一个值绑定到我的组件，但我无法转义双引号。

这是工作：

<span>{{ config.pages["pageKey"].components[0].display }}</span>

但不是那样：

<MyComponent v-bind:componentConfig="config.pages[\"pageKey\"].components[0]" />

知道该怎么做吗？

Answer 1

最好的主意是使用"

<MyComponent v-bind:componentConfig="config.pages[&quot;pageKey&quot;].components[0]" />

Answer 2

属性访问器使用点符号或方括号符号提供对对象属性的访问。

使用点表示法更简洁：

<MyComponent v-bind:componentConfig="config.pages.pageKey.components[0]" />