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']