肖强的博客 肖强的博客
Home
Guide
Web Document
  • Plugins
  • Case
  • Animation
Components
  • Categories
  • Tags
  • Archives
Website Tools

xiaoQiang

因为爱所以爱
Home
Guide
Web Document
  • Plugins
  • Case
  • Animation
Components
  • Categories
  • Tags
  • Archives
Website Tools
  • 常用插件
    • dayjs
    • vue-clipboard2
    • qs
      • 安装
      • 引入
      • 使用
        • qs.parse()
        • qs.stringify()
      • qs序列化url为对象
      • qs 将对象序列化为url后缀模式字符串 &拼接
      • qs 将字符串序列化为对象
    • number-precision
    • url-parse
    • clipboard
    • js-cookie
    • accounting
  • views
xiaoQiang
2021-09-27

qs

qs

qs是一个流行的查询参数序列化和解析库

# 安装

npm install qs -S

# 引入

import qs from 'qs'

# 使用

# qs.parse()

const str = "username='admin'&password='admin'" 
console.log(qs.parse(str)) // Object { username: "admin", password: "admin" }

# qs.stringify()

qs.stringify({username:'admin', password:'admin'})
//username=admin&password=admin

# qs序列化url为对象

export const qsUrlToObj = url => {
  if(typeof url === 'string' && url.indexOf('?') > -1) {
    return qs.parse(url.substring(url.indexOf('?') + 1))
  }
  return {}
}

# qs 将对象序列化为url后缀模式字符串 &拼接

export const qsStringfy = obj => {
  return qs.stringify(obj) // 只要不是对象,全部都返回的是空字符串
}

# qs 将字符串序列化为对象

/**
 * 字符串序列化为对象
 * 允许在查询字符串中使用[]的方式创建嵌套的对象。例如,字符串'name1[name2]=val'可以转换为嵌套对象
 * @param {*} string 需要序列化的字符串
 * @param {*} delimiter 序列化时的分隔符,默认为 &,还支持其它以及正则表达式,比如 /[;,]/
 */
export const qsParse = (string, delimiter = '&') => {
  return qs.parse(string, delimiter)
}
#plugins
上次更新: 2021-10-05 17:37:55
vue-clipboard2
number-precision

← vue-clipboard2 number-precision→

最近更新
01
drag
12-22
02
入场/出场05
10-16
03
入场/出场04
10-16
更多文章>
icon组件不能用
时间左侧 © 2021-2021 时间右侧
冀公网安备 13108202000744号
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
欢迎来到我的家
Back