来自Vue.js中

时间:2018-05-10 20:44:18

标签: javascript json vue.js

我正在使用Auth0Vue.jsVuetifyStripe

相关代码:

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规则创建条带客户注册后(如果那就完全相关了。)

我尝试了一些事情,所有这些都会导致raw expression错误。不知道下一步该尝试什么。

那么,有没有办法轻松提取该值?提前谢谢!

1 个答案:

答案 0 :(得分:4)

使用

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

要访问带点或/的键。可以使用js

访问任何object.['key']对象的属性