前提・実現したいこと
aws-amplify 用いた認証で、 sign up 時に表示される電話番号の項目を非表示にしたい
発生している問題・エラーメッセージ
電話番号は必須項目に設定していないが、
authConfigの設定が機能せずに、sign up 時に電話番号の項目が表示されてしまう
A
signUpConfig: { hiddenDefaults: ["phone_number"] }
B
signUpConfig: { hideAllDefaults: true, signUpFields: [ { label: 'Email', key: 'email', required: true, displayOrder: 1, type: 'string', signUpWith: true }, { label: 'Password', key: 'password', required: true, displayOrder: 2, type: 'password' }, ] }
該当のソースコード
sample.vue
vue
1<template> 2 <amplify-authenticator v-bind:authConfig="authConfig"></amplify-authenticator> 3</template> 4 5<script> 6export default { 7 data() { 8 return { 9 authConfig: { 10 signUpConfig: { 11 hiddenDefaults: ["phone_number"] 12 } 13 } 14 }; 15 } 16}; 17</script>
試したこと
補足情報(FW/ツールのバージョンなど)
"vue": "^3.0.0",
"aws-amplify": "^3.4.0",
"@aws-amplify/ui-components": "^1.3.0",
あなたの回答
tips
プレビュー