Vue中qs插件的使用詳解
更新時間：2020年02月07日 14:59:01 作者：塵生杜若丶
這篇文章主要介紹了Vue中qs插件的使用詳解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
之前用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)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了淺談Vue CLI 3結合Lerna進行UI框架設計,在此之前先簡單介紹一下Element的構建流程，以便對比新的UI框架設計。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-04-04
本文為大家介紹Vue中路由的使用方法,包括安裝路由創(chuàng)建路由并導出以及在應用實例中使用vue-router的相關知識,本文結合實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-02-02
這篇文章主要為大家詳細介紹了vue增刪改查的簡單操作，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
vue3?Error:Unknown?variable?dynamic?import:?../views/的解
這篇文章主要給大家介紹了關于vue3?Error:Unknown?variable?dynamic?import:?../views/的解決方案,文中通過圖文以及實例代碼介紹的非常詳細,需要的朋友可以參考下2023-07-07
這篇文章主要介紹了Vue請求后端接口導出excel表格方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了Vue鼠標滾輪滾動切換路由效果的實現(xiàn)方法,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-08-08
koa2+vue實現(xiàn)登陸及登錄狀態(tài)判斷
這篇文章主要介紹了koa2+vue實現(xiàn)登陸及登錄狀態(tài)判斷，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-08-08
vuejs element table 表格添加行,修改,單獨刪除行,批量刪除行操作
這篇文章主要介紹了vuejs element table 表格添加行,修改,單獨刪除行,批量刪除行操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
這篇文章主要介紹了vue 解決IOS10低版本白屏的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
這篇文章主要為大家詳細介紹了vue3如何利用父子傳值實現(xiàn)彈框功能,文中的示例代碼講解詳細,具有一定的借鑒價值,感興趣的小伙伴可以跟隨小編一起學習一下2023-12-12