router.js

 import Vue from 'vue'
import Router from 'vue-router'
import contractPage from './views/contractPage.vue'
import finish from './views/finish.vue'
import unfinish from './views/unfinish.vue'
import Pdf from './views/pdf.vue';
Vue.use(Router) export default new Router({
routes: [
{
path: '/',
name: 'contractPage',
component: contractPage,
children:[
{path:'finish',name: 'finish',component:finish},
{path:'unfinish',name: 'unfinish',component:unfinish}
],
redirect:'/unfinish'
},
{
path: "/pdf",
name: 'pdf',
component: Pdf
}
]
})

page

vueRouter More articles on sub route nesting

  1. 060——VUE in vue-router The use of nested routing in the article system :

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. 059——VUE in vue-router The use of nested routing in the article system :

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. webpack Integrate vue-router route , Module nesting , Integrate Mint UI,MUI

    webpack Integrate vue-router structure The contents of each file , There are eight documents , also src components Catalog Login.vue <template> <div> &l ...

  4. Vue route vue-router

    In front of the word stay Web In development , Routing is based on URL Assign to the corresponding handler . For most single page applications , It is recommended to use officially supported vue-router.Vue-router Through management URL, Realization URL Corresponding to components , And by U ...

  5. vue(5)—— vue Routing plug-in for —vue-router Common attribute methods

    Front-end routing Some friends may have doubts here , Does the front end also have routing ? Shouldn't these be operated in the back end section ? That's true , But now that the front and rear ends are separated , Plus the practicality of the current front-end framework , In order to balance the workload of the front and back end , So there's routing on the front end as well ...

  6. Probably more detailed than the documentation --VueRouter Point to the North completely

    Probably more detailed than the documentation --VueRouter Point to the North completely Preface About titles , It should not be the headline party , Because the content is really long and comprehensive . Mainly on the basis of the official website and a detailed summary , There are a lot of examples . Make sure all new people understand ! So actually a lot of things ...

  7. vue Nested routing summary

    Nested routing means that you can continue to use routing under a page that has been routed , Nesting means routing in routing . For example vue in , If we don't use nested routing , So there's only one <router-view>, But if you use , So in one ...

  8. VUE router-view The page layout ( Nested Route + Named view )

    Nested Route Application interface in real life , It is usually composed of multiple nested components . similarly ,URL The dynamic path of each segment in also corresponds to the nested components of each layer according to a certain structure , for example : /user/foo/profile /user/foo/posts ...

  9. vue route - Dynamic routing and nested routing

    One . Dynamic routing We often need to match a pattern to all the routes , All mapped to the same component . for example , We have a  User  Components , For all ID Different users , Use this component to render . that , We can do it in  vue-route ...

Random recommendation

  1. jQuery Animation - Christmas presents

    ▓▓▓▓▓▓ General introduction In the afternoon, I saw a little cartoon to give Christmas presents , It's almost Christmas , I started to imitate and improve some small problems The original address : Fancy rotation ---- Christmas gift delivery Ideas : There are five gifts in the animation , They're evenly distributed across the screen , Set up ...

  2. Sublime Text Basic configuration

    As a yard farmer , There is always a favorite editor . Today, , My favorite editor is Sublime Text 3. In fact, I used this editor very early , I started using it about two years ago . But I didn't study hard , A lot of functions I don't know . This afternoon, ...

  3. Use Google Web Fonts

    Google Fonts Introduction to :Google Fonts It's not a simple font download site Google Fonts Address :https://www.google.com/fonts In the upper left corner, you can enter the font name you want to find ...

  4. tkinter Change the button state

    import tkinter as tk def btn1_change_btn1(event): ''' Mode one : Control yourself through events ''' if event.widget['state'] == 'no ...

  5. js Of replace Method

    I found out in the project today that ,js Of replace Method , It's just replacing the first matching character : such as backstreetboy.replace('b','B') And what you get is Backstreetboy, Just replaced the first one ...

  6. first Cocos2d-JS game

    The first one we wrote Cocos2d-JS Program , Name it HelloJS, Start with the project and learn about other things . Create projects we create Cocos2d-JS The project can go through Cocos2d-x Command tools provided cocos Realization , But this way ...

  7. Connect Oracle In several ways

    How to quote Data.OracleClient.dll As a result of .net 4.0 after , Microsoft will OracleClient.dll Removed from the frame , So use , Need to be in VS2010 Go inside and put the project .net Frame from .net ...

  8. ThinkPHP Instantiates the object in M() and D() The difference between ,select and find The difference between

    original text :ThinkPHP Instantiates the object in M() and D() The difference between ,select and find The difference between 1.ThinkPHP Instantiates the object in M() and D() The difference between During instantiation , Regular use D Methods and M Method , The difference between the two methods is ...

  9. 【 Self taught security testing 】 On web Security testing ( Two )

    Excel VBA : Security testing expert growth series - On Web Security 2.mp4 XSS attack Case study 7:IPhone5 XSS Cool dog + backstage SQL injection CSRF That is, cross station request forgery attack : give an example : Upload the loopholes : harm : The file contains a vulnerability ...

  10. 【Algorithm】-NO.140.Algorithm.1.Algorithm.1.001-【 Spatial complexity Time complexity o(1), o(n), o(logn), o(nlogn)】-

    Style:Mac Series:Java Since:2018-09-10 End:2018-09-10 Total Hours:1 Degree Of Diffculty:5 Degree Of ...