欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue清除地址欄路由參數(shù)方式

 更新時(shí)間:2023年01月21日 08:12:56   作者:lihefei_coder  
這篇文章主要介紹了vue清除地址欄路由參數(shù)方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

vue清除地址欄路由參數(shù)

方式一:

let path = this.$route.path; //先獲取路由路徑
this.$router.push(path); //再跳轉(zhuǎn)路由路徑,query參數(shù)沒帶過去,所以被清除了

方式二:

this.$router.push({ query: {} });

vue刪除query中個(gè)別參數(shù)或清除query

在寫項(xiàng)目過程中涉及到一個(gè)需求,大概形容一下就是第一次進(jìn)入會(huì)有一個(gè)編輯彈窗,如果點(diǎn)擊編輯彈窗的保存按鈕后,刷新頁面,彈窗則不在彈出。

假設(shè)添有一個(gè) type為open的參數(shù)

let resolves = this.$router.resolve({
? name: 'OrdersDetail',
? query: {
? ? orderId: this.orderId,
? ? channel: this.salesChannel,
? ? type: 'open' // 目標(biāo)參數(shù)
? }
})
window.open(resolves.href, '_blank')

刪除type參數(shù)

let newQuery = JSON.parse(JSON.stringify(this.$route.query)) // 先拷貝一個(gè)一模一樣的對(duì)象
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é)

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

相關(guān)文章

  • vue+tsc+noEmit導(dǎo)致打包報(bào)TS類型錯(cuò)誤問題及解決方法

    vue+tsc+noEmit導(dǎo)致打包報(bào)TS類型錯(cuò)誤問題及解決方法

    當(dāng)我們新建vue3項(xiàng)目,package.json文件會(huì)自動(dòng)給我添加一些配置選項(xiàng),這寫選項(xiàng)基本沒有問題,但是在實(shí)際操作過程中,當(dāng)項(xiàng)目越來越復(fù)雜就會(huì)出現(xiàn)問題,本文給大家分享vue+tsc+noEmit導(dǎo)致打包報(bào)TS類型錯(cuò)誤問題及解決方法,感興趣的朋友一起看看吧
    2023-10-10
  • vue-router 前端路由之路由傳值的方式詳解

    vue-router 前端路由之路由傳值的方式詳解

    這篇文章主要介紹了vue-router 前端路由之路由傳值的方式,本文通過兩種方式給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2019-04-04
  • Element的Pagination分頁sync問題小結(jié)

    Element的Pagination分頁sync問題小結(jié)

    本文主要介紹了Element的Pagination分頁sync問題小結(jié),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2022-07-07
  • VUE JS 使用組件實(shí)現(xiàn)雙向綁定的示例代碼

    VUE JS 使用組件實(shí)現(xiàn)雙向綁定的示例代碼

    本篇文章主要介紹了VUE JS 使用組件實(shí)現(xiàn)雙向綁定,詳細(xì)的介紹了vue的雙向數(shù)據(jù)綁定原理以及核心代碼模塊,具有一定的參考價(jià)值,有興趣的可以了解一下。
    2017-01-01
  • vue實(shí)現(xiàn)PC端分辨率適配操作

    vue實(shí)現(xiàn)PC端分辨率適配操作

    這篇文章主要介紹了vue實(shí)現(xiàn)PC端分辨率適配操作,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2020-08-08
  • vue實(shí)現(xiàn)自定義H5視頻播放器的方法步驟

    vue實(shí)現(xiàn)自定義H5視頻播放器的方法步驟

    這篇文章主要介紹了vue實(shí)現(xiàn)自定義H5視頻播放器的方法步驟,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-07-07
  • Vue報(bào)錯(cuò)Module build failed: Error: Node Sass version 7.0.1 is incompatible with 4.0.0.解決方案

    Vue報(bào)錯(cuò)Module build failed: Error: Node&nb

    這篇文章主要介紹了Vue報(bào)錯(cuò)Module build failed: Error: Node Sass version 7.0.1 is incompatible with 4.0.0.解決方案,需要的朋友可以參考下
    2023-06-06
  • vue插件v-touch的坑及解決(不能上下滑動(dòng))

    vue插件v-touch的坑及解決(不能上下滑動(dòng))

    這篇文章主要介紹了vue插件v-touch的坑及解決(不能上下滑動(dòng)),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-03-03
  • Vue3+Three.js實(shí)現(xiàn)為模型添加點(diǎn)擊事件

    Vue3+Three.js實(shí)現(xiàn)為模型添加點(diǎn)擊事件

    本文主要介紹了如何在Vue3和Three.js環(huán)境中為模型添加點(diǎn)擊事件監(jiān)聽,具體方法是利用Three.js的Vector2和Raycaster,首先,創(chuàng)建一個(gè)Vector2對(duì)象來獲取鼠標(biāo)位置;然后,創(chuàng)建一個(gè)Raycaster對(duì)象來投射光線
    2024-10-10
  • vue中怎樣讓函數(shù)只執(zhí)行一次

    vue中怎樣讓函數(shù)只執(zhí)行一次

    這篇文章主要介紹了vue中怎樣讓函數(shù)只執(zhí)行一次問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-03-03

最新評(píng)論