problem description: is there any way that one router-link corresponds to one router-view
<div id="app">
<router-link to="/user/foo">/user/foo</router-link>
<router-link to="/user/bar">/user/bar</router-link>
<!-- /user/foo -->
<router-view></router-view>
<!-- /user/bar -->
<router-view></router-view>
</div> add:
look at the specific code you provided and find that your foo bar is already param, so you can judge $route.params.id
if there are multiple routes that need to be determined to load with different router-view, you can define a meta parameter (if less, you can directly determine the route name)
path: '/user/foo',
name: 'foo',
component: foo,
meta: {
showview: 'left' //
}
<router-view v-if="$route.meta.showview=='left'"></router-view>
<router-view v-if="$route.meta.showview=='right'"></router-view> name the view. ide/essentials/named-views.html" rel=" nofollow noreferrer "> vue-router named view
does not apply to your example, which is essentially the same component with different parameters, although you can implement
<router-view v-if="$route.param.id === 'foo'"></router-view>
<router-view v-if="$route.param.id === 'bar'"></router-view>but it feels like it doesn't make sense at all
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...