Cross-reference of methods in Vue

  1. methods cross-reference problem in Vue. Return undefined

  2. the code is as follows 

    methods:{
funca: function(){
    let token = this.$http.post(xxx);// posttoken
    alert("cc " + token);
    renturn token;
}
funcb: function(){
    let token = this.funca();
    //let token = this.$options.methods.getToken.bind(this)();
    //tokenundefined
    //token
    this.$http.get(xxx).then(function (res){
        alert("aa")
    },function(err){
        alert("bb")
    });
}};
mounted():{
this.funcb();

    }

3. The result of the run is that the code that pops up the token, will not execute to

because it cannot get the aa.
  • Pop up bb first
  • then pop up cc

4. Why is the funca, called first and then executed?

Vue.js
Mar.03,2021 
funa=function(){
    let token =Promise.resolve(1).then(dd=>dd)
    alert("cc " + token);
    return token;
}
funcb=function(){
    let token = funa();
    Promise.reject(1).then(function (res){
        alert("aa")
    },function(err){
        alert("bb")
    });
};

funcb()

first of all, your let token = this.$http.post (xxx); is wrong. Here token is a Promise object. I simulated it according to your logic. There is no case of bb and then cc, and your return is wrong, not renturn

.

Previous: Use the upload component in iview to upload multiple files and trigger the callback function only once

Next: How does tp3.2.3 implement token authentication?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu