|
|
一、安装：
npm install qs
二、引入全局或者局部
1、全局使用 // 在main.js中引入
import qs from 'qs';
// 全局配置属性，将之挂在原型链上，在其他页面直接通过 this.$qs 使用即可
Vue.prototype.$qs = qs;
// 使用
let str = "uid=cs11&pwd=000000als&username=cs11&password=000000als";
let obj= this.$qs.parse(str);
console.log("obj==========>",obj); |
2、局部使用
// 引入
import qs from 'qs';
// 使用
let str = "uid=cs11&pwd=000000als&username=cs11&password=000000als";
let obj= qs.parse(str);
console.log("obj==========>",obj); |
三、使用详情（这里介绍的是引入局部的使用方式，全局使用跟这个差不多，将qs换成this.$qs即可）
qs的使用方式有两种，分别是qs.parse()和qs.stringify()
1、qs.parse()方法的使用
qs.parse()是将url解析成对象的形式
使用例子：
let str = "uid=cs11&pwd=000000als&username=cs11&password=000000als";
let obj= qs.parse(str);
console.log("obj==========>",obj);
/*
{
uid:"cs11",
pwd:"000000als",
username:"cs11",
password:"000000als"
}
*/ |
2、qs.stringify()方法的使用
qs.stringify()是将对象序列化成url的形式以&进行拼接
使用例子：
let obj = {
uid:"cs11",
pwd:"000000als",
username:"cs11",
password:"000000als"
}
let str= qs.stringify(obj);
console.log("str==========>",str);
// uid=cs11&pwd=000000als&username=cs11&password=000000als |
程序猿的技术大观园：www.javathinker.net
|
|
Java技术网站 → 『 Java开发技术 』 → 『 Web前端开发技术专题 』 → Vue中qs插件的使用
消息
查看
搜索
好友
邮件
复制
引用
IP: 已设置保密
