获取参数，存储并在变量上使用它们，以便在我的方法上使用

Question

我希望获得模式、oobcode和apikey。以下是我现在所拥有的：

export default {


data: function() {
    return {
        passwordNew: '',
        passwordConfirm: '',
        mode:'',
        actionCode: '',
        continueUrl: '',
    }
},
methods: {
    handleResetPassword: function() {
        var accountEmail;

        firebase.auth().verifyPasswordResetCode(actionCode).then(function(email) {
            var accountEmail = email;
            firebase.auth().confirmPasswordReset(this.actionCode, this.passwordNew).then(function(resp) {

                alert("Password reset success");
                this.$router.push('hello')
            }).catch(function(error) {
                // Error occurred during confirmation. The code might have expired or the
                // password is too weak.
                console.log("error 1")
            });
        }).catch(function(error) {
            // Invalid or expired action code. Ask user to try to reset the password
            // again.
            console.log("error 2")
        });
    },
}

}

Answer 1

来自Firebase文档：

某些用户管理操作（如更新用户的电子邮件地址和重置用户的密码）会导致向用户发送电子邮件。这些电子邮件包含链接，收件人可以打开这些链接来完成或取消用户管理操作。默认情况下，用户管理电子邮件链接到默认操作处理程序，该处理程序是以项目的Firebase宿主域中的URL托管的web页面。

您需要获取这些参数并将它们存储在变量中，我从firebase文档中获得了这些片段，并编写了getParameterByName函数：

function getParameterByName( name ){
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( window.location.href );
  if( results == null )
    return "";
  else
    return decodeURIComponent(results[1].replace(/\+/g, " "));
}
    // Get the action to complete.
    var mode = getParameterByName('mode');
    // Get the one-time code from the query parameter.
    var actionCode = getParameterByName('oobCode');
    // (Optional) Get the continue URL from the query parameter if available.
    var continueUrl = getParameterByName('continueUrl');

您需要首先获取这些参数并验证verifyPasswordResetCode方法上的actioncode，然后您可以更改密码并将其与操作代码一起存储到该方法中。

在导出默认值中：

data: function() {
        return {
            passwordNew: '',
            passwordConfirm: '',
            mode: mode,
            actionCode: actionCode,
            continueUrl: continueUrl,
        }
    },
    methods: {
        handleResetPassword: function() {
            var passwordNew = this.passwordNew
            var actionCode = this.actionCode
            firebase.auth().verifyPasswordResetCode(actionCode).then(function(email) {
                console.log("ActionCode: "+ actionCode);

                firebase.auth().confirmPasswordReset(actionCode, passwordNew).then(function(resp) {

                    alert("Password reset success");
                    this.$router.push('hello')
                }).catch(function(error) {
                    console.log("error 1"+ error)
                });
            }).catch(function(error) {
                console.log("Action code is invalid"+ error)
            });

        },
    }