如何将对象传递到aws-amplify-vue SignUp？

Question

我在我的Vue应用中使用了AWS-amplify amplify Authentication Components。

这允许我有一个简单的方式来注册和认证用户的亚马逊认知。不幸的是，我无法更改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，这是错误的。

我希望这能对你有所帮助。