溫馨提示×

vue如何修改路由參數(shù)

vue
養(yǎng)魚的貓咪
461
2021-05-12 16:26:33
欄目: 編程語言

在vue中修改路由參數(shù)的方法：1.新建項目，引入vue和vue-router；2.使用Vue.use注冊路由；3.定義和配置路由；4.使用merge模塊修改路由參數(shù)；

vue如何修改路由參數(shù)

具體步驟如下：

1.首先，在新建一個html項目，并在項目中引入vue和vue-router；

import Vue from 'vue'
import Router from 'vue-router'

2.vue和vue-router引入好后，在項目中使用Vue.use方法注冊路由；

Vue.use(Router)

3.路由注冊好后，在頁面中執(zhí)行以下代碼定義和配置路由；

export default new Router({
routes: [
{
path : ‘/’, 
name : ‘Home’,
component : HelloWorld,
children:[
{path:'/', component: Child},
] 
},
]
})

4.最后，路由配置好后，在項目中使用merge模塊即可修改路由參數(shù)；

1）使用merge模塊中的maxPrice方法修改原有參數(shù)

this.$router.push({
query:merge(this.$route.query,{'maxPrice':'630'})
})

2）使用merge模塊中的addParams方法新增參數(shù)

this.$router.push({
query:merge(this.$route.query,{'addParams':'需新增的參數(shù)'})
})

3）使用merge模塊中的maxPrice方法替換參數(shù)

his.$router.push({
query:merge({},{'maxPrice':'630'})

0 踩