快捷導(dǎo)航

vue如何實(shí)現(xiàn)清空this.$route.query的值

更新時(shí)間：2022年09月23日 08:48:18 作者：who_become_gods

這篇文章主要介紹了vue如何實(shí)現(xiàn)清空this.$route.query的值，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

如何清空this.$route.query的值

mounted

定義一個(gè) localStorage 來判斷當(dāng)前是否是query攜帶參數(shù)進(jìn)來頁面的

//如果有當(dāng)前l(fā)ocalStorage isTest 則 清空query
?if(localStorage.getItem('isTest')){
? ? ?this.$router.push({ query: {} })
?}
//
?if(this.$route && this.$route.query && this.$route.query.id){
??? ?//定義一個(gè) localStorage isTest
? ? ?localStorage.setItem('isTest', true)
? ? ?// 這里處理攜帶進(jìn)來的參數(shù)
?}

destroyed

destroyed() {
? ?localStorage.removeItem('isTest')
}

改變this.$route.query中的數(shù)據(jù)

某些特定情況下想改變this.$route.query中的數(shù)據(jù)（就是地址欄中的參數(shù)），是不能通過直接賦值來改變的，我目前知道的一個(gè)辦法是下載webpack-merge依賴包實(shí)現(xiàn):

下載：

npm i webpack-merge

引入：

import merge from 'webpack-merge';

修改：

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

如果id本來存在的話就是修改id的值，不存在的話就會添加id這個(gè)屬性，如果想替換所有的屬性只要把’id’換成{}就可以。

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

您可能感興趣的文章:

相關(guān)文章

vue.js中created方法作用
這篇文章主要介紹了vue.js中created方法作用及mounted和created的區(qū)別介紹，需要的朋友可以參考下
2018-03-03
Element-UI 多個(gè)el-upload組件自定義上傳不用上傳url并且攜帶自定義傳參(文件序號)
有多個(gè)upload組件,每個(gè)都需要單獨(dú)上傳獲取文件（JS File類型）,不需要action上傳到指定url,自定義上傳動作和http操作,下面通過本文給大家分享Element-UI 多個(gè)el-upload組件自定義上傳不用上傳url并且攜帶自定義傳參(文件序號),感興趣的朋友一起看看吧
2024-06-06
Pinia入門學(xué)習(xí)之實(shí)現(xiàn)簡單的用戶狀態(tài)管理
Vue3雖然相對于Vue2很多東西都變了,但是核心的東西還是沒有變,比如說狀態(tài)管理、路由等,再Vue3中尤大神推薦我們使用pinia來實(shí)現(xiàn)狀態(tài)管理,他也說pinia就是Vuex的新版本,這篇文章主要給大家介紹了關(guān)于Pinia入門學(xué)習(xí)之實(shí)現(xiàn)簡單的用戶狀態(tài)管理的相關(guān)資料,需要的朋友可以參考下
2022-11-11
vue 項(xiàng)目@change多個(gè)參數(shù)傳值多個(gè)事件的操作
這篇文章主要介紹了vue 項(xiàng)目@change多個(gè)參數(shù)傳值多個(gè)事件的操作，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2021-01-01
Vue常用指令v-if與v-show的區(qū)別淺析
v-if和v-show的區(qū)別是前端面試中常問的基礎(chǔ)知識點(diǎn),v-if、v-show顧名思義就是用來判斷視圖層展示效果的,下面這篇文章主要給大家介紹了關(guān)于Vue常用指令v-if與v-show區(qū)別的相關(guān)資料,需要的朋友可以參考下
2021-10-10
vue:內(nèi)存泄露詳解
這篇文章主要介紹了一個(gè)Vue的內(nèi)存泄露詳解，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2021-10-10
Vue不能檢測到數(shù)據(jù)變化的幾種情況說明
這篇文章主要介紹了Vue不能檢測到數(shù)據(jù)變化的幾種情況說明，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-08-08
vue獲取元素寬、高、距離左邊距離,右,上距離等還有XY坐標(biāo)軸的方法
今天小編就為大家分享一篇vue獲取元素寬、高、距離左邊距離,右,上距離等還有XY坐標(biāo)軸的方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-09-09
查找Vue中下標(biāo)的操作(some和findindex)
這篇文章主要介紹了查找Vue中下標(biāo)的操作(some和findindex)，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-08-08
vue和webpack打包項(xiàng)目相對路徑修改的方法
這篇文章主要介紹了vue和webpack打包項(xiàng)目相對路徑修改的方法,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-06-06