vue project, I have some asynchronous operations in main.js "s mounted, and routing is also loaded asynchronously. For example, when I set a settimeout, with a delay of 3s in main.js to visit a child routing page, I want to execute the mounted method of the corresponding vue file after performing all operations in the mounted of main.js (including asynchronous operations such as delay 3s, request interface, etc.). How should I do this?
you can use the beforeEach hook function of router routing
const router = new Router({
// ...
});
router.beforeEach((to, from, next) => {
setTimeout(() => {
// ...
next();
}, 3000);
// ajax
axios
.get(url)
.then(() => {
// ...
next();
});
});Previous: Mini Program selects a label and modifies the style.
Next: Multiple java programs write a file, how to ensure that only one program is writing this file?
want to use vue2.0 to develop a small web application for the company, running on the mobile side. How can the above functions be achieved? ...
first of all, there is such a piece of data list[ zhangsan , lisi , wangmazi ] people[ { name: zhangsan , username: },{ name: lisi , username: },{ name: wangmazi , username: } ] then the qu...
I referenced the components of element and wanted to transform it into my own UI library. After packaging, I introduced the project, npm run dev and reported the following error: introduced package: node_modules ipst dist ipst.js error: Uncaught T...
using the vue project packaged with webpack, the main.js in the dist directory has a large number of base64 characters. what is the cause of this? ...
95% emitting, it can be started normally. What is the reason for this? Will affect later operations? ...
how can I make the height of -sharpapp full screen? ...
because the sever side belongs to someone else, you can only handle cross-domain requests at the front end axios how to deal with cross-domain problems. My configuration in proxyTable only works locally Cross-domain problems occur again in the...
questions and requirements: it is said that vue is data-driven, so for requirements similar to accordion (click on a li, to display the contents of the corresponding li, how can it be achieved through data-driven without operating dom? ) such as the f...
the company wants to do a background management system, and then different roles may correspond to different left menus, that is, a dynamic route, and everyone can see different things. I have seen the document of "Flower underpants " before, that is,...
for example, personal mini projects need to support both pc and mobile. so it s best to work on a project, which is convenient and convenient. I use vue-cli scaffolding. Do not know how to distinguish between the pc side and the mobile side to write ...
this "home page " tabs tag card and the left menu are bundled with routes. When you open a lot of pages, switching tabs tag cards will also load routes. Is there any way to prevent tabs switching from reloading routes and leaving the content unchang...
when users are not logged in, they enter the login page by default, while the login page has a "about us " button. Click to enter the page about us. Click on this.$router.,. Now the problem is to enter the page about us from the login page, refresh and ...
<template> <div class="pagination"> <el-row type="flex" justify="end" > <el-pagination background @size-change="handleSizeChange" @current-change="handl...
according to the data returned by the background, it is displayed on the page (commodity editing function). The data is an array that needs to be rendered in a loop (but there is a set of arrays in it). The interior of the circular rendering also includ...
if I want to use the page component of iView in render, how can I trigger its on-change event? this is written in render, but there is no response ...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue< title> < head> <body> <div id="app"> <mparent :imgsrc="img" :title=&quo...
vue htmltemplate jsvardatavue$refs start it in the updated hook, because other hooks will not catch it (it s useless to put it in mounted) but the advertisement doesn t move. How should I write it? PS: doesn t need the code here. It just wants t...
requirements: for example, the words "wed " on the x-axis above, if there are too many words, will squeeze out the values on both sides. Now I want to keep the three-digit ellipsis display for him too long, indicating that the contents in the pop-up w...
Project is an H5 page, nested in Mini Program A page is a list loaded at the bottom of the scroll B page is a detail page When the A page clicks on an item, use location.href = b to jump to page B (because when Mini Program uses the forwardin...
prompts you to report an error when verifying whether it is a Wechat browser: : Global routing judgment Code: router.beforeEach((to,from,next)=>{ title const title = to.meta && to.meta.title; if (title) { document.title =...