Vue has just entered the interface of the component to load so the page, and then refreshed the interface every 5 minutes, how to achieve it?

because the mobile project we are doing now will eventually be enclosed in the app shell. I put the axios request of each component in the created. Go to the component to send the request and get the data

.

clipboard.png

clipboard.png

the requirement now is that all components send requests to get data directly when you first log in, instead of sending requests to get data when you enter the component.
is there any good way to do this? Or do not enter the method inside the component trigger component?

Javascript html html5
Mar.17,2021

if you do not enter the component, you can put the request in the beforeRouteEnter hook, or you can use the first one in init, after the request is completed in mainJS, because it will be a bit messy for all your requests to be placed in mainJS. 

import axios from 'axios'

beforeRouteEnter(to, from, next) {
  axios.get().then(function (res) {
    // res
    next(vm => {
      vm.username = res.data.data.username
      vm.age = res.data.data.age
    })
  })
},
data () {
  return {
    username: '',
    age: ''
  }
}

Previous: Selection of vue single page and multiple pages in the project

Next: Slide to a certain position to fix the navigation bar flicker?

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