Как передать объекты в aws-ampify-vue SignUp?

Question

Я использую Компоненты аутентификации с усилением AWS-усиление в моем приложении Vue.

Это позволяет мне легко регистрировать и аутентифицировать пользователей с помощью amazon cognito.К сожалению, я не могу изменить Компонент SignUp, отобразить дополнительное поле и удалить phone_number как обязательное поле.

Любая помощь приветствуется!С наилучшими пожеланиями

Answer 1

Вот как я это сделал.На всякий случай, если кто-то найдет этот вопрос.

<amplify-authenticator :authConfig='authConfig'></amplify-authenticator>

data() {
    return {
        authConfig: {
            signUpConfig: {
                header: 'Sign up for an account',
                hiddenDefaults: ['phone_number', 'username'],
                signUpFields: [
                    {
                        label: 'Email',
                        key: 'email',
                        type: 'string',
                        required: true,
                        displayOrder: 0
                    },
                    {
                        label: 'Password',
                        key: 'password',
                        type: 'password',
                        required: true,
                        displayOrder: 1
                    }
                ]
            },
            confirmSignUpConfig: {
                header: 'Please enter the code sent to your email'
            },
        }
    }
},

Answer 2

вам нужно привязать к v-bind: authOptions, в котором содержится ссылка на v-bind: authConfig, что неверно.

Надеюсь, это поможет вам.