How to display the alert of Vue.js

the front end uses axios to send it to the back end, makes a decision, and returns the data to the front end. But alert cannot be used in axios. How to solve this problem? The
code is as follows: 

axios.post("/router", formData
          ,config
        ).then(rst =>{
          if(rst.status==0){
            alert("wrong");
          }else{
            this.Show = true;
          }
          console.log(rst.data);
        })

how to return to the front end and provide alert after the back-end check. The alert in this is completely useless.

Vue.js
Mar.10,2021

if you print out the res.status, there should be no problem with alert.

try this
this.$alert (text, 'hint', {

). 
    confirmButtonText: '',
    callback: action => {
        
    }

});

using window.alert (), directly will not fail at any time. 

 if(rst.status!=200){
    alert('wrong');
  }else{
    this.Show = true;
  }

if you want to judge the status value returned by the backend, you should add a layer of rst.data.status

The

alert method is good, but it needs a pop-up window, which is not good for debugging.
it is recommended that the title owner use debugger with console.log to print the content you want to display directly to the console.
compared with alert, console.log is not only convenient, but also does not block threads from running.
there are other methods similar to console.log:
console.error to output error messages
console.warn to output warning messages
console.info to output informational information
console.debug to output debugging information

either of these methods is better than alert.

Previous: Redux status updates to non-routed page components in real time?

Next: How does Vue set the default route dynamically?

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