How does VUE put the number of pages in the address path when turning pages? The first time you enter the page, the route parameter `/: page` cannot be entered due to specification problems, resulting in 404.

The

list has 3 pages. Enter for details and return to the first page.
wants to click on the address bar record on the second page so that it returns directly to the list on the second page.

currently the menu is returned from the backend and the number of pages cannot be included in the route.
look at the picture, product_list here is his path, route file configuration, if you add : page will result in 404. Can you bring the default value to : id ?

{
    path: "/product/product_list/",
    name: "product_list",
    component: product_list,
    props: true,
  },

has also tried to use the following words when turning pages

this.$router.push({
        name: "product_lise",
        path: `/product/product_lise`,
        params: {
          page: pageNum,
        }
      });

No change in the address bar after trigger

Vue.js vue-router

Mar.24,2021

I see that page routing is required to support optional parameters, right?

add a question mark
path:'/ product/product_list/:page?'

the legendary Advanced matching pattern what about it?

ide/essentials/dynamic-matching.html-sharp%E9%AB%98%E7%BA%A7%E5%8C%B9%E9%85%8D%E6%A8%A1%E5%BC%8F" rel=" nofollow noreferrer "> https://router.vuejs.org/zh/g.

path: '/product/product_list/:page?'

in this case, you can match / product/product_list and / product/product_list/1

at the same time.

routes: [

]

{
  path: '/',
  name: 'Home',
  component: Home,
  children: [
    {
      path: '/detail/:id',
      name: 'Detail',
      component: Detail
    },
  ]
}]

vue router

routing with parameters can solve

Previous: The Feasibility of using Image processing Technology for Circuit Board error Detection

Next: Abnormal style of input tags in Firefox browsers

The processing of dynamic routing in vue single page mode
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...

Vue.js vue-router vuex element-ui javascript

Feb.27,2021
How does vue router output data values?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document< title> < head> <body> <div id="app"> <h1>Hello App!< h1> <...

Vue.js vue-router

Feb.27,2021
Could you tell me how to use vue dynamic routing?
I looked at the official document and I didn t understand it. How should I write it in this.$router.push ( xx1 xx2 )? ...

Vue.js vue-router

Feb.28,2021
The page opened by Wechat in the vue project is not the current page through the system browser.
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...

Safari vue.js vue-router WeChat-Pay

Feb.28,2021
Asynchronously request data, according to the request data require component
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...

Require async-request vue.js vue-router

Mar.01,2021
Vue-router switch parameter transfer unchanged
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 ...

Vue.js vue-router

Mar.01,2021
< router-link > how to pass parameters?
<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...

Vue.js vue-router

Mar.01,2021
Can vue make it possible for some elements on the parent route page to disappear when the parent route is redirected, and where the child route is rendered?
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...

Vue.js vue-router

Mar.02,2021
The ``in router.push ({path: `/ user/$ {userId}`}) is changed to''. Is there any difference?
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.js vue-router

Mar.02,2021
How to obtain and store data after vue Wechat scanned the code and logged in
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: "", ...

Wechat-open-platform Wechat-developed vue.js vue-router vuex

Mar.02,2021
What's the difference between path plus `/` in routing?
when defining routes: const routes = [{ path: , meta: { title: }, component: (resolve) => require([ . views index.vue ], resolve) children: [ { path: a , name: a , title: a , component: ...

Vue.js vue-router

Mar.02,2021
The parameters of the vue route jump address bar have changed, and the content of the corresponding component is gone.
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="...

Javascript vue.js vue-router

Mar.02,2021
I want to jump to a sub-route of this route by default when entering a route. How do I configure it?
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...

Vue.js vue-router

Mar.03,2021
Realization of transition Animation by Vue
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...

Vue.js vue-router css

Mar.03,2021
How should vue-router simulate a system similar to a browser tab?
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. ...

Vuex vue.js vue-router javascript

Mar.03,2021
Does vue router realize that there is a blank space between two pages in and out of the page?
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...

Vue.js vue-router

Mar.04,2021
How to find the source of the problem of cannot redefine $router
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.js vue-router vuex spa webpack

Mar.04,2021
How to get the background data through vue-router?
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...

Vue-resource vue.js vue-router

Mar.04,2021
I use vue-cli to build the project, how to configure the online and developed domain name?
how to switch the online and offline domain name url and how to configure config? ask for answers ...

Vue.js vue-router vue-cli

Mar.05,2021
Problems with vue-router refresh
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...

Vue.js vue-router

Mar.06,2021