QS

QS 库是一个可以轻松解析 URL 查询字符串的 JavaScript 库。在 Vue 项目中，我们常常需要使用 QS 库来处理 URL 查询参数。
一、安装

二、引入

import qs from 'qs'

三、使用

1. qs.stringify ()

qs 此方法需要携带的参数对象转化为查询参数字符串，方便直接拼接在URL上。

function actionExport () {
  const params = { token: config.getToken(), ...formState.value }
  window.location.href = `${exportURL}?${qs.stringify(params)}`
  // exportURL 为要导出使用的域名和接口URL
}

qs.stringify ( params ）为了将对象中传入的参数转换为查询参数，最后将其拼接在 URL 上，通过window.location.href 将页面跳转到指定页面完成导出。

2. qs.parse ()

const queryString = window.location.search // 获取查询参数字符串
const params = qs.parse(queryString) // 例：'a=b&c=d'
console.log(params)
// ==>  { a: 'b', c: 'd' }
console.log(isEqual(params, { a: 'b', c: 'd' }))
// ==> true

qs.parse ( queryString ）可以将获取到的查询参数字符串转换为对象形式，方便对传递的参数进行操作。