Vue.js 中 JSON 对象的值

Question

我使用Auth0，Vue.js，Vuetify，和Stripe。

相关代码：

JSON 对象（我已经清除了不相关的值）

{ "sub": "", "given_name": "", "family_name": "", "nickname": "", "name": "", "picture": "", "gender": "", "locale": "", "updated_at": "", "https://example.com/stripe_customer_id": "cus_id" }

HTML：

<v-chip disabled>{{ getProfile.https://example.com/stripe_customer_id }}</v-chip>
<v-chip disabled>{{ getProfile.nickname }}</v-chip>
<v-chip disabled>{{ getProfile.gender }}</v-chip>
<v-chip disabled>{{ getProfile.locale }}</v-chip>
<v-chip disabled>{{ getProfile.updated_at }}</v-chip>

正如您所期望的，由于 HTML 链接格式（特别是正斜杠），第一行不起作用。有没有办法提取该字段的值？

不幸的是，由于 Auth0 规则，密钥必须采用命名空间格式（从 Auth0 检索的令牌将省略任何未以这种方式格式化的添加字段。我正在使用 Auth0 规则来创建 Stripe 客户注册后（如果是在所有相关）。

我已经尝试了几件事，但所有这些都会导致raw expression错误。不知道接下来要尝试什么。

那么，有什么方法可以轻松提取该值？提前致谢！

Answer 1

用

getProfile['https://example.com/stripe_customer_id']

访问带有点或 的键/。任何js对象的属性都可以访问object.['key']