qs插件

2019-08-09

介绍

qs 插件主要用于对数据的序列化与将序列化后的数据转换为 js 数据

下载插件

npm install qs

在需要用到的组件中引入插件

import qs from 'qs'

API

qs.stringify()将传出的参数序列化
代码如下：

import qs from "qs";
export default {
  name: "demo",
  data() {
    return {
      data1: {
        name: "张三",
        age: 18
      }
    };
  },
  methods: {
    stringify() {
      this.data1 = qs.stringify(this.data1);
      console.log(this.data1); //name=%E5%BC%A0%E4%B8%89&age=18,这里就将数据序列化了，可以看到中文被序列化后进行编码了，传给后台就可以，可以不用管
      console.log(decodeURIComponent(this.data1, true)); //name=张三&age=18，这里顺便说一下解码的方法，用这个方法就可以解码，但平常工作中不用这么做，这里只是单纯的提一下。
    }
  }
};

qs.parse()将已序列化的数据转换为 js 对象
代码如下：

import qs from "qs";
export default {
  name: "demo",
  data() {
    return {
      data1: {
        name: "张三",
        age: 18
      }
    };
  },
  methods: {
    parse() {
      this.data1 = qs.stringify(this.data1); //进行序列化
      console.log(this.data1); //name=%E5%BC%A0%E4%B8%89&age=18//这里是已经被序列化后的了
      console.log(qs.parse(this.data1)); //{age: "18",name: "张三"}//这里是将序列化后的数据转换为js对象
    }
  }
};