Util 实用工具

D2Admin 的 util 模块位置:d2-admin/src/libs/util.js

util.cookies.set

介绍:

存储 cookie 值

参数

参数名 介绍 必选 值类型 可选值 默认值
name 名称 必选 String
value 必选 String
setting 设置 必选 Object js-cookie { expires: 1 }

使用示例:

util.cookies.set('name', 'value')

附带其它选项

util.cookies.set('name', 'value', {
  expires: 365
})

为什么不直接使用 cookie:

util.cookies 内部使用 js-cookie 进行操作,并且在 cookie 名称上多做了一层逻辑封装,例如

util.cookies.set('name', 'value', {
  expires: 365
})

实际存储的 cookie 是

d2admin-${version}-name : value

使用

util.cookies.get('name')

实际取的也是 d2admin-${version}-name

最后你的 cookie 信息实际上可能类似这样(举例):

  • d2admin-1.6.15-name : FairyEver
  • d2admin-1.6.15-uuid : h8dsafy98du9f6yadsyf
  • d2admin-1.6.15-token : dys87f89dsafy89adsh

这样做的好处是可以保证如果您的 D2Admin 升级到了新版本,打开时使用的数据一定是重新初始化的,而您在使用 cookie 时无论赋值还是取值,都觉察不出这层包装

TIP

不止 cookie 这样,db 的存储逻辑也会自动根据版本区分

util.cookies.get

介绍:

拿到 cookie 值

参数

参数名 介绍 必选 值类型 可选值 默认值
name 名称 必选 String

使用示例:

const data = util.cookies.get('name')

util.cookies.getAll

介绍:

拿到 cookie 全部的值

参数

使用示例:

const data = util.cookies.getAll()

util.cookies.remove

介绍:

删除 cookie

参数

参数名 介绍 必选 值类型 可选值 默认值
name 名称 必选 String

使用示例:

util.cookies.remove('name')

util.title

介绍:

更新标题

参数

参数名 介绍 必选 值类型 可选值 默认值
titleText title 名称 必选 String

使用示例:

util.title('NewTitle')

结果:${process.env.VUE_APP_TITLE} | NewTitle

TIP

process.env.VUE_APP_TITLEd2-admin/.envd2-admin/.env.development 中设置

util.open

介绍:

打开新页面

参数

参数名 介绍 必选 值类型 可选值 默认值
url 新的页面地址 必选 String

使用示例:

util.open('http://www.xxx.com')

util.ua

介绍:

获取所有的 UA 信息

参数

使用示例:

const ua = util.ua()

结果示例

{
  browser: {
    name: "Chrome",
    version: "67.0.3396.99",
    major: "67"
  },
  engine: {
    name: "WebKit",
    version: "537.36"
  },
  os: {
    name: "Mac OS",
    version: "10.13.4"
  },
  device: {},
  cpu: {}
}
最后更新: 2/22/2019, 1:17:15 PM