qs.js库使⽤⽅法1、qs.js库说明
qs是⼀个url参数转化（parse和stringify）的js库。
2、使⽤（以vue⽂件做⽰例）
（1）基本语法
<template>
<div>
qs.js
</div>
</template>
<script>
import qs from 'qs'
import _ from 'lodash'
export default {
components: {},
methods: {
qs() {
var obj = qs.parse('a=b&c=d');
//输出true
console.log(_.isEqual(obj, {
a: 'b',
c: 'd'
}))
var str = qs.stringify(obj);
//输出true
console.log(_.isEqual(str, 'a=b&c=d'));
}
},
mounted() {
this.qs();
}
};
</script>
<style scoped>
</style>
（2）忽略符号?
<div>
qs.js
</div>
</template>
<script>
import qs from 'qs'
import _ from 'lodash'
export default {
components: {},
methods: {
qs() {
//忽略前⾯的？
var obj = qs.parse('?a=b&c=d', { ignoreQueryPrefix: true }); //输出true
console.log(_.isEqual(obj, {
a: 'b',
c: 'd'
}))
var str = qs.stringify(obj);
//输出true
console.log(_.isEqual(str, 'a=b&c=d'));
}
},
mounted() {
this.qs();
}
};
</script>
<style scoped>
</style>
（3）stringify⽅法编码
<div>
qs.js
</div>
</template>
<script>
import qs from 'qs' import _ from 'lodash' export default { components: {}, methods: {
qs() {
//输出a[b]=c console.log(qs.stringify({ a: {
b: 'c'
}
}, {
encode: false
}))
}
},
mounted() {
this.qs();
}
};
</script>
<style scoped>
</style>
（4）qs 处理数组
<div>
lodash有哪些方法qs.js
</div>
</template>
<script>
import qs from 'qs'
import _ from 'lodash'
export default {
components: {},
methods: {
qs() {
/
/输出 'a%5B0%5D=b&a%5B1%5D=c&a%5B2%5D=d' console.log(qs.stringify({
a: ['b', 'c', 'd']
}))
//输出 a[0]=b&a[1]=c&a[2]=d
console.log(qs.stringify({
a: ['b', 'c', 'd']
}, {
encode: false
}))
//输出 'a=b&a=c&a=d'
console.log(qs.stringify({
a: ['b', 'c', 'd']
}, {
indices: false
}))
}
},
mounted() {
this.qs();
}
};
</script>
<style scoped>
</style>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。