最新国产好看的视频,伊人天堂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)文章

最新評論

贵州省| 海阳市| 大邑县| 沽源县| 河津市| 曲麻莱县| 武乡县| 牡丹江市| 七台河市| 萨迦县| 镇巴县| 连城县| 保靖县| 临湘市| 五台县| 贵港市| 铜陵市| 日喀则市| 沅江市| 安达市| 海兴县| 桑植县| 蒲江县| 乌海市| 安福县| 石阡县| 多伦县| 拜泉县| 社旗县| 灯塔市| 万荣县| 驻马店市| 遂溪县| 伊通| 保山市| 视频| 永宁县| 达州市| 延长县| 五台县| 筠连县|