vue清除地址欄路由參數(shù)方式
更新時間：2023年01月21日 08:12:56 作者：lihefei_coder
這篇文章主要介紹了vue清除地址欄路由參數(shù)方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
vue清除地址欄路由參數(shù)
方式一：
let path = this.$route.path; //先獲取路由路徑 this.$router.push(path); //再跳轉(zhuǎn)路由路徑，query參數(shù)沒帶過去，所以被清除了
方式二：
this.$router.push({ query: {} });vue刪除query中個別參數(shù)或清除query
在寫項目過程中涉及到一個需求，大概形容一下就是第一次進入會有一個編輯彈窗，如果點擊編輯彈窗的保存按鈕后，刷新頁面，彈窗則不在彈出。
假設添有一個 type為open的參數(shù)
let resolves = this.$router.resolve({
? name: 'OrdersDetail',
? query: {
? ? orderId: this.orderId,
? ? channel: this.salesChannel,
? ? type: 'open' // 目標參數(shù)
? }
})
window.open(resolves.href, '_blank')刪除type參數(shù)
let newQuery = JSON.parse(JSON.stringify(this.$route.query)) // 先拷貝一個一模一樣的對象
delete newQuery.type //再刪除page
this.$router.replace({ query: newQuery }) //再把新的替換了刪除全部query參數(shù)
let path = this.$route.path //先獲取路由路徑 this.$router.replace(path) //再跳轉(zhuǎn)路由路徑，query參數(shù)沒帶過去，所以被清除了
或者
this.$router.replace({ query: {} });總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
vue+tsc+noEmit導致打包報TS類型錯誤問題及解決方法
當我們新建vue3項目,package.json文件會自動給我添加一些配置選項,這寫選項基本沒有問題,但是在實際操作過程中,當項目越來越復雜就會出現(xiàn)問題,本文給大家分享vue+tsc+noEmit導致打包報TS類型錯誤問題及解決方法,感興趣的朋友一起看看吧2023-10-10
這篇文章主要介紹了vue-router 前端路由之路由傳值的方式，本文通過兩種方式給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-04-04
Element的Pagination分頁sync問題小結(jié)
本文主要介紹了Element的Pagination分頁sync問題小結(jié)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-07-07
本篇文章主要介紹了VUE JS 使用組件實現(xiàn)雙向綁定，詳細的介紹了vue的雙向數(shù)據(jù)綁定原理以及核心代碼模塊，具有一定的參考價值，有興趣的可以了解一下。2017-01-01
這篇文章主要介紹了vue實現(xiàn)PC端分辨率適配操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
這篇文章主要介紹了vue實現(xiàn)自定義H5視頻播放器的方法步驟，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-07-07
Vue報錯Module build failed: Error: Node&nb
這篇文章主要介紹了Vue報錯Module build failed: Error: Node Sass version 7.0.1 is incompatible with 4.0.0.解決方案,需要的朋友可以參考下2023-06-06
這篇文章主要介紹了vue插件v-touch的坑及解決(不能上下滑動)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03
Vue3+Three.js實現(xiàn)為模型添加點擊事件
本文主要介紹了如何在Vue3和Three.js環(huán)境中為模型添加點擊事件監(jiān)聽,具體方法是利用Three.js的Vector2和Raycaster,首先,創(chuàng)建一個Vector2對象來獲取鼠標位置；然后,創(chuàng)建一個Raycaster對象來投射光線2024-10-10
這篇文章主要介紹了vue中怎樣讓函數(shù)只執(zhí)行一次問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-03-03