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

vue 獲取url參數(shù)、get參數(shù)返回?cái)?shù)組的操作

 更新時(shí)間：2020年11月12日 09:52:34   作者：嘿喵-財(cái)運(yùn)旺旺  
這篇文章主要介紹了vue 獲取url參數(shù)、get參數(shù)返回?cái)?shù)組的操作，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧

這是vue過濾器 獲取url參數(shù)，返回?cái)?shù)組

Vue.prototype.$url=function(){
 var url = decodeURIComponent(location.search); //獲取url中"?"符后的字串
 var theRequest = new Object();
 if (url.indexOf("?") != -1) {
  var str = url.substr(1);
  strs = str.split("&");
  for(var i = 0; i < strs.length; i ++) {
   theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
  }
 }
 return theRequest;
};

補(bǔ)充知識：vue中使用getUrlParam()方法來獲取URL的值

首先建一個(gè)GetUrlParam.js，然后在需要的頁面中引入使用：

GetUrlParam.js

export function getUrlParam(name) {
 return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[1].replace(/\+/g, '%20')) || null
}

引用

import { getUrlParam } from “…/components/GetUrlParam”;

使用：

let id = getQueryString(“ryid”); //參數(shù)名1
let model = getUrlParam(“model”); //參數(shù)名2
console.log( id )
console.log( model )

以上這篇vue 獲取url參數(shù)、get參數(shù)返回?cái)?shù)組的操作就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

  • Vue實(shí)現(xiàn)路由跳轉(zhuǎn)和嵌套

    Vue實(shí)現(xiàn)路由跳轉(zhuǎn)和嵌套

    本篇文章主要介紹了Vue實(shí)現(xiàn)路由跳轉(zhuǎn)和嵌套，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-06-06
  • 解決threeJS加載obj?gltf模型后顏色太暗的方法

    解決threeJS加載obj?gltf模型后顏色太暗的方法

    這篇文章主要為大家介紹了解決threeJS加載obj?gltf模型后顏色太暗的方法示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
    2022-07-07
  • Vue報(bào)錯(cuò):Injection?"xxxx"?not?found的解決辦法

    Vue報(bào)錯(cuò):Injection?"xxxx"?not?found的解決辦法

    這篇文章主要給大家介紹了關(guān)于Vue報(bào)錯(cuò):Injection?"xxxx"?not?found的解決辦法,文中通過圖文將解決的辦法介紹的非常詳細(xì),對大家的學(xué)習(xí)具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2023-07-07
  • vue3中router路由以及vuex的store使用解析

    vue3中router路由以及vuex的store使用解析

    這篇文章主要介紹了vue3中router路由以及vuex的store使用解析，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
    2022-03-03
  • Vue3中使用this的詳細(xì)教程

    Vue3中使用this的詳細(xì)教程

    在vue3中新的組合式API中沒有this,那我們?nèi)绻枰玫絫his怎么辦?下面這篇文章主要給大家介紹了關(guān)于Vue3中使用this的詳細(xì)教程,需要的朋友可以參考下
    2023-07-07
  • 利用vue3自己實(shí)現(xiàn)計(jì)數(shù)功能組件封裝實(shí)例

    利用vue3自己實(shí)現(xiàn)計(jì)數(shù)功能組件封裝實(shí)例

    組件(Component) 是Vue.js最強(qiáng)大的功能之一,組件可以擴(kuò)展 HTML 元素,封裝可重用的代碼,這篇文章主要給大家介紹了關(guān)于利用vue3自己實(shí)現(xiàn)計(jì)數(shù)功能組件封裝的相關(guān)資料,需要的朋友可以參考下
    2021-09-09
  • vue bus全局事件中心簡單Demo詳解

    vue bus全局事件中心簡單Demo詳解

    ue-bus 提供了一個(gè)全局事件中心，并將其注入每一個(gè)組件，你可以像使用內(nèi)置事件流一樣方便的使用全局事件。這篇文章給大家介紹了vue bus全局事件中心簡單Demo，需要的朋友參考下吧
    2018-02-02
  • vue實(shí)現(xiàn)公告欄文字上下滾動效果的示例代碼

    vue實(shí)現(xiàn)公告欄文字上下滾動效果的示例代碼

    這篇文章主要介紹了vue實(shí)現(xiàn)公告欄文字上下滾動效果的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-06-06
  • vue3編譯報(bào)錯(cuò)ESLint:defineProps is not defined no-undef的問題

    vue3編譯報(bào)錯(cuò)ESLint:defineProps is not defined&nbs

    這篇文章主要介紹了vue3編譯報(bào)錯(cuò)ESLint:defineProps is not defined no-undef的問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2024-03-03
  • 如何在Vue項(xiàng)目中添加接口監(jiān)聽遮罩

    如何在Vue項(xiàng)目中添加接口監(jiān)聽遮罩

    這篇文章主要介紹了如何在Vue項(xiàng)目中添加接口監(jiān)聽遮罩,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-01-01

最新評論