in the single-page application built by vuejs, I have the following special needs:
Click a button on the page to add a logo after the current url. For example, the original route is
http://127.0.0.1:3000/,
. After clicking the button, the route changes to
http://127.0.0.1:3000/?tab=2,
but the page cannot be refreshed.
routing history is to be replaced by
http://127.0.0.1:3000/?tab=2.
what should I do? No. Ask the great god to point out the train of thought.
Hello, landlord! In fact, this depends on your usage scenario, and there may be other solutions. The visual function you want to achieve may be to control the selection of tab on the page through the parameters of the url address. Alternative options, storage, Vuex etc.
$router.replace ()
this.$router.replace ('? tab=2')
or refresh the page to use vue's: ide/components-dynamic-async.html-sharp%E5%9C%A8%E5%8A%A8%E6%80%81%E7%BB%84%E4%BB%B6%E4%B8%8A%E4%BD % BF%E7%94%A8-keep-alive "rel=" nofollow noreferrer "> keep-alive
Gee vue-router push won't refresh the page to the current page in the first place. You can add parameters and only modify url. < del > ~ < / del > ~
you can try that location.hash, will add a string that begins with-sharp after the current url, and will replace the current route
history.pushState ()
in the routing history.there is such a background system, which is divided into many systems and modules, which involves a lot of operation permissions, and each lander is assigned different permissions, so the operable menus and visible pages are also different. the previo...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document< title> < head> <body> <div id="app"> <h1>Hello App!< h1> <...
I looked at the official document and I didn t understand it. How should I write it in this.$router.push ( xx1 xx2 )? ...
Wechat pay in Alipay, complete the payment by opening the system browser. The project is built on vue. Instead of the current page being opened via safari, you are going to the root directory of the route. Not even history with mode. Dear gods, how to so...
I am working on a page customization function. The template is stored in the background database, so you need to pull the template id, from the background and then follow the template id require corresponding to the components in the directory. For exam...
the this.$route.params.id obtained during vue route switching remains the same. you need to click the category and then click the computer before the phone can be changed, as shown in figure . Click the category-- Mobile idid1 --id the code is as ...
<div class="title"> <span>< span> <router-link to=" buy_car">go< router-link> < div> I want to click on this < router-link >, jump to the route buy_car, and pass several parameters to b...
there is navigation on the left and above. wants the navigation not to move when you jump. renders the contents of the child route on the lower right. originally intended to use v-if to bind to the parent route element Click on the link and render t...
in navigational programming in vue-router: router.push({ path: ` user ${userId}` }) -> user 123 can be written as: router.push({ path: user ${userId} }) ? is there any difference between ``and here? if there is no difference, then ...
vue project, use Wechat s third-party website to scan the code to log in, according to the official document first step var obj = new WxLogin({ self_redirect:true, id:"login_container", appid: "", scope: "", ...
when defining routes: const routes = [{ path: , meta: { title: }, component: (resolve) => require([ . views index.vue ], resolve) children: [ { path: a , name: a , title: a , component: ...
Brotherhood question link: https: codeshelper.com q 10. displays the text on the home page by default http: localhost:8080 Fen app.vue <template> <div id="app"> <Header>< Header> <div class="...
in my routes.js : ... children: [ { path: a , name: a , title: a , component: (resolve) => require([ . views a a.vue ], resolve) }, { path: b , name: b , title: b , compo...
1. The animation is divided into two stages -1-enter the animation -2 from the main page and return to the main page 2. Problem description: when entering the details page from the main page, the main page is destroyed instantly, leaving the details p...
as shown in the figure, are there any ideas or ready-made plug-ins? elementUI looked at it and found that it could not support dynamic component switching. ...
use vue router to imitate the app page to slide in and out, and there is a white gap between the two pages when Synchronize goes in and out. what is the reason for this? The official document says that if you do not set mode, it is the default Synchroni...
the project is built by vue-cli. SAP, runs without error with npm run dev. After using npm run build, the generated js is put into erb and reported to cannot redefine $router,. Some answers say that vue router is defined twice, or vue is packaged twice,...
Vue rookie, is trying to do a SPA page, encountered a problem looked at a lot of information can not be solved, come here to ask for the opinions of your predecessors. can vue-router get background data directly? How should it be done? If not, whether...
how to switch the online and offline domain name url and how to configure config? ask for answers ...
uses the following four columns made by vue-router, which is the product details interface, routing to productdescription, under the four columns of product information, purchase records, customer reviews, buyer questions and answers for four differen...