Vue.js 中 JSON 对象的值答案

【问题标题】：Values from JSON object in Vue.jsVue.js 中 JSON 对象的值
【发布时间】：2018-10-21 05:12:32
【问题描述】：

我正在使用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 错误。不知道接下来要尝试什么。

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

【问题讨论】：

标签： javascript json vue.js

【解决方案1】：

使用

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

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

【讨论】：