javascript - 为什么 window.location.href 在 Vue.js 中不起作用?

标签 javascript vue.js

 <script>
    logBox = new Vue({
    el: "#logBox",
    data: {
    email : '',
    password: ''
    },
    methods: {
      handelSubmit: function(e) {
           data = {};
           data['email'] = this.email;
           data['password'] = this.password;
            $.ajax({
              url: 'https://herokuapp.com/api/', //my url
              data: data,
              type: "POST",
              dataType: 'json',
              success: function(e) {
              if(e.status != false){
               alert("Login Success").then(function() {
            // Redirect the user
            window.location.href = "https://stackoverflow.com/";
            console.log('The Ok Button was clicked.');
            });
             }
              else {
                alert("failed to login!");
              }
          }
            });
            return false;
}
},
});

这是我的登录代码。成功登录后,我需要重定向到成功页面,但 window.location.href 不起作用,我无法定向到新页面。那么,任何机构都可以解决我的问题吗?

最佳答案

alert()不是 promise 。您应该将其修复为:

          if (e.status != false) {
            alert("Login Success");
            // Redirect the user
            window.location.href = "https://stackoverflow.com/";
          }

关于javascript - 为什么 window.location.href 在 Vue.js 中不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46968973/

相关文章:

javascript - 在函数外部传递变量。 jQuery

javascript - 函数调用返回 API 结果后异步更新状态

javascript - 使用 Vuex getter 从数组中获取对象

docker - 使用 nginx 将环境变量从 docker-compose 传递给 vue 应用程序

file - 如何重置/清除文件输入

javascript - 监听变化取决于嵌套的UID

javascript - 在 Javascript 中生成 PGP key 对,并使用加密的 PGP 私钥签署文本

javascript - 避免直接修改 prop,因为只要父组件重新渲染,该值就会被覆盖

javascript - 管理状态并使用输入

node.js - 当我尝试使用 Axios 向 Seneca.js API 发出请求时出现内部服务器错误