Vue之qs库安装及使用方法
前言:最近在用springboot+vue做一个crm管理项目,其中用到了qs,但是对于qs到底有什么用,怎么用,什么时候用很模糊,希望可以总结笔记加以理解一、什么是qs?qs是一个流行的查询参数序列化和解析库。可以将一个普通的object序列化成一个查询字符串,或者反过来将一个查询字符串解析成一个object,帮助我们查询字符串解析和序列化字符串。二、vue中qs安装使用步骤:打开控制台输入:n
·
前言:最近在用springboot+vue做一个crm管理项目,其中用到了qs,但是对于qs到底有什么用,怎么用,什么时候用很模糊,希望可以总结笔记加以理解
一、什么是qs?
qs是一个流行的查询参数序列化和解析库。可以将一个普通的object序列化成一个查询字符串,或者反过来将一个查询字符串解析成一个object,帮助我们查询字符串解析和序列化字符串。
二、vue中qs安装使用
- 步骤:
- 打开控制台输入:
npm install qs
- 在main.js中导入qs插件:
import qs from 'qs'
- 在main.js中配置全局属性:
Vue.prototype.$qs = qs
- 打开控制台输入:
三、方法:qs.parse()和qs.stringify()
-
qs.parse()是将URL解析成对象的形式
const str = "username='admin'&password='admin'" console.log(qs.parse(str)) // Object { username: "admin", password: "admin" }
-
qs.stringify()是将对象 序列化成URL的形式,以&进行拼接
qs.stringify({username:'admin', password:'admin'}) //username=admin&password=admin
另外,附上关于qs更多方法地址,https://blog.csdn.net/sansan_7957/article/details/82227040
更多推荐
已为社区贡献1条内容
所有评论(0)