Vue 路由規則 傳引數

2022-06-27 14:06:08 字數 2860 閱讀 3128

1,query方法去獲取引數

>登入

router-link

>

<

router-link

to="/register?abc=123"

>註冊

router-link

>

<

router-view

>

router-view

>

div>

<

script

>

varlogin

= },

created()

}varregister

= }

varrouter

=new

vuerouter(,]})

//建立 vue 例項,得到 viewmodel

varvm

=new

vue(,

methods: {},

//屬性名跟屬性值一樣 只需要寫乙個名稱

//router: router

router

});script

>

body

>

html

>

2,params的方法去獲取引數

>登入

router-link

>

<

router-link

to="/register/我是引數"

>註冊

router-link

>

<

router-view

>

router-view

>

div>

<

script

>

varlogin

= },

created()

}varregister

= }

varrouter

=new

vuerouter(,]})

//建立 vue 例項,得到 viewmodel

varvm

=new

vue(,

methods: {},

//router: router

router

});script

>

body

>

html

>

vue路由跳轉傳引數

1.router link link to query link 1.path 是要跳轉的路由路徑,也可以是路由檔案裡面配置的 name 值,兩者都可以進行路由導航 2.params 是要傳送的引數,引數可以直接key value形式傳遞 3.query 是通過 url 來傳遞引數的同樣是key v...

vue路由跳轉傳引數

1.router link link to query link 1.path 是要跳轉的路由路徑,也可以是路由檔案裡面配置的 name 值,兩者都可以進行路由導航 2.params 是要傳送的引數,引數可以直接key value形式傳遞 3.query 是通過 url 來傳遞引數的同樣是key v...

vue路由router傳引數方式

params query是什麼?params router1 id router1 123,router1 789 這裡的id叫做params query router1?id 123 router1?id 456 這裡的id叫做query。this router.push 或者使用路由的name ...