如何创建先运行的方法，然后再转到 vuejs 中的其他方法？

Question

我正在使用 vuejs 和 axios 为 ajax 创建 CRUD 应用程序。我也在执行 CRUD 之前进行登录，但我想在执行 CRUD 之前验证用户在这种情况下我使用 vuejs 仅用于将数据从 ajax 渲染到 html我创建了一个用于将数据插入数据库的 insert 方法，以及从 ajax 返回 isLogin 结果的 check_login 方法。在插入方法的第一行中，我包含它以验证用户是否登录。但问题是我在我的应用程序中创建了 3 个以上的 CRUD，所以我认为这种方式并不简单，因为我总是必须创建从 check_login 方法获取返回值的变量。我的情况有什么解决方案吗？ methods:{  check_login(){    axios.get(this.url+'login/check').then(function(response){    vue.login_result = response.data.status;        })    return this.login_result;  },   insert(){  let login_result = this.check_login();  if (!login_result) {  alert('you are not login');  }else{  //ajax insert here  }  },  }我想在做插入方法之前，check_login 方法会自动运行，也许它就像 php 中的 __construct 函数。提前致谢

Answer 1

您可以像这样添加一个已安装的 () 实例。

mounted (){

   this.check_login()

},

methods:{

    check_login(){

        axios.get(this.url+'login/check').then(function(response){

            vue.login_result = response.data.status;    

        })

            return this.login_result;

    }, 

    insert(){

        let login_result = this.check_login();

        if (!login_result) {

            alert('you are not login');

        }else{

            //ajax insert here

        }

    },

}

页面加载时首先运行 check_login 方法

Answer 2

为什么不使用 ES6 异步等待？类似的东西

 methods:{

  async check_login(){

   return  axios.get(this.url+'login/check').then((response)=>

    response.data.status;    

    )

  }, 

  async insert(){

    let login_result = await this.check_login();

    if (!login_result) {

      alert('you are not login');

    }else{

      //ajax insert here

     }

  },

}

毕竟你可以在 vue 方法中声明异步函数。