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

Я использую в мое приложение Vue.

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

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


person 1574ad6    schedule 30.09.2018    source источник
comment
Чтобы быть ясным, идеальный способ передать это ‹amplify-authenticator› ‹/amplify-authenticator›. Поэтому у меня был бы только один элемент :)   -  person 1574ad6    schedule 30.09.2018


Ответы (2)


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

<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'
            },
        }
    }
},
person Christiaan Maks    schedule 25.03.2019

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

Я надеюсь, что это поможет вам.

person Michel Roger    schedule 01.10.2018
comment
‹Ampify-Authenticator v-bind: authOptions = authOptions› ‹/amplify-authenticator› с: authOptions = {phone_number: false,} в App.vue или authOptions: {phone_number: false,} как часть Amplify.configure ({ в aws-exports.js проблему не решил - к сожалению. - person 1574ad6; 01.10.2018
comment
конечно, возможно, комплексное решение вам поможет. у вас должно быть ‹ampify-authenticationator v-bind: authOptions = authOptions› ‹/amplify-authenticator› в разделе шаблонов. Теперь в разделе данных вы должны обратиться к authOptions: {signUpConfig: {signUpFields: [{label: 'Name', key: 'name', required: true, displayOrder: 1, type: 'string'}]}}; - person Michel Roger; 05.10.2018
comment
@MichelRoger, почему ты говоришь, что authConfig «неправильно»? Я использую aws-amplify-vue@^0.2.6-beta.1, и привязка к authConfig действительно правильная и работает так, как задумано. Это можно проверить, просмотрев props компонента amplify-authenticator в исходном коде по адресу github.com/aws-amplify/amplify-js/blob/ - person taryn; 02.04.2019