中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

vue如何修改路由參數

vue
養魚的貓咪
458
2021-05-12 16:26:33
欄目: 編程語言

在vue中修改路由參數的方法:1.新建項目,引入vue和vue-router;2.使用Vue.use注冊路由;3.定義和配置路由;4.使用merge模塊修改路由參數;

vue如何修改路由參數

具體步驟如下:

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

import Vue from 'vue'

import Router from 'vue-router'

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

Vue.use(Router)

3.路由注冊好后,在頁面中執行以下代碼定義和配置路由;

export default new Router({

routes: [

{

path : ‘/’,

name : ‘Home’,

component : HelloWorld,

children:[

{path:'/', component: Child},

]

},

]

})

4.最后,路由配置好后,在項目中使用merge模塊即可修改路由參數;

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

this.$router.push({

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

})

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

this.$router.push({

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

})

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

his.$router.push({

query:merge({},{'maxPrice':'630'})

0
年辖:市辖区| 苗栗市| 类乌齐县| 咸丰县| 定南县| 淮阳县| 仙桃市| 安乡县| 浦城县| 广灵县| 玉树县| 自治县| 额济纳旗| 水富县| 溧水县| 新和县| 靖安县| 库尔勒市| 武汉市| 永胜县| 琼中| 正镶白旗| 城口县| 都匀市| 股票| 元阳县| 绍兴市| 诏安县| 颍上县| 海宁市| 横峰县| 五河县| 博湖县| 赫章县| 上栗县| 开原市| 威宁| 高密市| 道真| 社旗县| 灵台县|