Vue 使用 qs

Vue 使用 qs

qs是一个流行的查询参数序列化和解析库。可以将一个普通的object序列化成一个查询字符串，或者反过来将一个查询字符串解析成一个object,帮助我们查询字符串解析和序列化字符串。

Vue 使用 qs 处理提交的表单数据

首先安装qs

npm install qs

qs 全局引入

//在main.js引入qs  
import qs from  'qs'  

//配全局属性配置，在任意组件内可以使用this.$qs获取qs对象 
Vue.prototype.$qs = qs

使用qs

let postData = qs.stringify({
    id: 84
}) 

this.axios.post('/api/news/singel.php', postData)
.then((res) = >{
    console.log(res);
}).
catch((err) = >{
    console.log(err, 'error')
})

详解

qs.parse()和qs.stringify()

这两种方法虽然都是序列化，但是还是有区别的。
qs.parse()是将URL解析成对象的形式
qs.stringify()是将对象 序列化成URL的形式，以&进行拼接