Vue中qs插件的使用詳解
更新時間：2020年02月07日 14:59:01 作者：塵生杜若丶
這篇文章主要介紹了Vue中qs插件的使用詳解，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
之前用Vue+element寫了一個后臺管理系統(tǒng)，在登錄時使用axios請求數(shù)據(jù)傳參時無法正常的獲取數(shù)據(jù)。之后也是一通百度，發(fā)現(xiàn)原因是傳遞參數(shù)要將參數(shù)序列化。
這里使用了qs插件：
簡單來說，qs 是一個增加了一些安全性的查詢字符串解析和序列化字符串的庫。
在項目中使用命令行工具輸入：npm install qs
安裝完成后在需要用到的組件中：import qs from'qs'
具體使用中我查看了：qs.parse()和qs.stringify()
這兩種方法雖然都是序列化，但是還是有區(qū)別的。
qs.parse()是將URL解析成對象的形式
qs.stringify()是將對象 序列化成URL的形式，以&進行拼接
解決我遇到的問題我使用了qs.stringify()
直接上圖，一個簡單的請求登錄示例
另外qs還不止這點本事，這里附上一個詳細的文檔，感興趣的話可以去看一看點這里
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
解決vite.config.js無法使用__dirname的問題
這篇文章主要介紹了解決vite.config.js無法使用__dirname的問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要給大家介紹了關(guān)于Vue項目部署后提示刷新版本的相關(guān)資料,文中通過實例代碼介紹的非常詳細,對大家學(xué)習(xí)或者使用vue具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2022-06-06
使用vite構(gòu)建vue3項目的實現(xiàn)步驟
通過本文,您可以了解如何使用Vue CLI創(chuàng)建Vue 3項目,配置Vite,利用其優(yōu)勢進行開發(fā),具有一定的參考價值,感興趣的可以了解一下2023-08-08
Element?ui中menu組件(el-menu/el-menu-item/el-submenu/template)
最近在使用Element開發(fā)時遇到了不少問題,下面這篇文章主要給大家介紹了關(guān)于Element?ui中menu組件(el-menu/el-menu-item/el-submenu/template)層級結(jié)構(gòu)與用法的相關(guān)資料,需要的朋友可以參考下2022-12-12
這篇文章主要介紹了Vue數(shù)據(jù)雙向綁定原理實例解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-05-05
在父組件內(nèi)調(diào)用子組件內(nèi)的事件從而改變子組件的某些狀態(tài),父子組件使用<script setup>語法糖,父組件通過給子組件定義ref訪問其內(nèi)部事件,本文給大家介紹了vue3 ref獲取不到子組件的解決方法,需要的朋友可以參考下2024-06-06
vue中nextTick函數(shù)和react類似實現(xiàn)代碼
Vue 3 中的 nextTick 主要通過 Promise 實現(xiàn)異步調(diào)度,返回一個 Promise 對象,這篇文章主要介紹了vue中nextTick函數(shù)和react類似實現(xiàn)代碼,需要的朋友可以參考下2024-04-04
這篇文章主要介紹了vue全局自定義指令和局部自定義指令的使用，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-01-01
今天小編就為大家分享一篇vue+elementui 對話框取消 表單驗證重置示例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
在Vue中我們可以使用ref屬性來獲取子組件的實例對象,這個功能非常方便,這篇文章主要給大家介紹了關(guān)于Vue獲取子組件實例對象ref屬性的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-06-06