最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

vue如何動態(tài)修改$router參數(shù)

 更新時間:2022年09月23日 10:00:51   作者:榴蓮不好吃  
這篇文章主要介紹了vue如何動態(tài)修改$router參數(shù),具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教

vue動態(tài)修改$router參數(shù)

// 創(chuàng)建一個包含當前 URL 參數(shù)的對象
export const getURLParameters = (url) =>
? (url.match(/([^?=&]+)(=([^&]*))/g) || []).reduce(
? ? (a, v) => (
? ? ? (a[v.slice(0, v.indexOf('='))] = v.slice(v.indexOf('=') + 1)), a
? ? ),
? ? {}
? );
?
/**
?* 替換地址欄參數(shù)
?* @param {key,value}
?*/
export const replaceRouteQuery = (query, params) => {
? let href = window.location.href;
? let origin = href.split('?')[0];
?
? const routeObj = Object.assign({}, getURLParameters(href));
?
? for (let key in params) {
? ? routeObj[key] = params[key];
? }
?
? let isFirst = true, str = '';
? for (let key in routeObj) {
? ? str += `${isFirst ? '?' : '&'}${key}=${routeObj[key]}`;
? ? isFirst = false;
? }
?
? href = origin + str;
? if (window.history) {
? ? // 支持History API
? ? window.history.replaceState(null, '', href);
? }
?
? Object.assign(query, params);
};?
?
// 調(diào)用:?
replaceRouteQuery($route.query, { 'startDate': '2020-01-01' })

 注意:該方法只替換地址欄參數(shù),不會再歷史記錄里面產(chǎn)生記錄,按瀏覽器回退按鈕會回到上一個界面。

動態(tài)修改router路由所帶參數(shù)

import merge from 'webpack-merge';
?
//修改原有參數(shù) ? ? ? ?
this.$router.push({
? ? query:merge(this.$route.query,{'XXXXXXXX':'630'})
})
?
//新增一個參數(shù):
this.$router.push({
? ? query:merge(this.$route.query,{'XXXXXXXX':'我是新增的一個參數(shù),哈哈哈哈'})
})
?
//替換所有參數(shù):
?this.$router.push({
? ? query:merge({},{'XXXXXXXX':'630'
})

以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。 

相關(guān)文章

最新評論

东安县| 屏南县| 隆林| 塘沽区| 福泉市| 丰原市| 吕梁市| 日土县| 高碑店市| 霍城县| 县级市| 嘉义县| 柳河县| 广安市| 张家界市| 利辛县| 陵川县| 开化县| 长宁县| 六枝特区| 华宁县| 视频| 阳信县| 吉林省| 西盟| 南木林县| 册亨县| 历史| 盐池县| 马龙县| 永和县| 六枝特区| 林口县| 邵阳市| 江源县| 蓬安县| 永顺县| 四川省| 阿瓦提县| 庄河市| 苏尼特右旗|