sheng/mes-ui-d2
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

cookie集中操作

Browse Source 
Former-commit-id: 8c9ffb88b27e70269f09b1852909e92cfd710cb7 [formerly 8c9ffb88b27e70269f09b1852909e92cfd710cb7 [formerly 8c9ffb88b27e70269f09b1852909e92cfd710cb7 [formerly 8c9ffb88b27e70269f09b1852909e92cfd710cb7 [formerly e5bdcb60efe550ac396d216da0923446cdca81ee [formerly 90e1fddc055b36525405a7695e9bc7a405d98b2c]]]]]
Former-commit-id: 87867694606f8fe71fcb25c91d7089adbd959561
Former-commit-id: 9716af31042f2d63dbba236a23dc4119cfcf79c1
Former-commit-id: 22fbf4d4b11e94f88dd33c1d0ae289035e728c60 [formerly f8efa89704beb40194d90c947339377461142f60]
Former-commit-id: 15f9f81d6d4a65c6bf37e0609b0b9015778121ab
Former-commit-id: 410cc0bf083d3101c9b689d2a6e411224dfd2228
Former-commit-id: 474c050e0bb843faf13e525ef3fe141482d36fee
Former-commit-id: 947277bfe634f10563da40a6205bf69b3056f06f
Former-commit-id: cceb89e9afd1516fb3378d3edcbfca97cbaa0ffe
This commit is contained in:
liyang
2018-07-24 11:02:51 +08:00
parent 2baf1231fb
commit 35d1e3b755
7 changed files with 44 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/pages/demo/plugins/js-cookie/index.vue
View File

@@ -1,44 +1,52 @@
<template>
<d2-container>
<template slot="header">Cookie 读写</template>
<template slot="header">
<div class="d2-mb">Cookie 读写</div>
<el-alert
title="建议"
type="warning"
description="建议使用 util 内的 cookies 对象，这样会在存储和读取时统一增加前缀，方便对 cookie 统一管理"
show-icon>
</el-alert>
</template>
<p class="d2-mt-0">基本读写删</p>
<el-button type="primary" @click="set('test-user-name', 'test-user')">set('test-user-name', 'normalValue')</el-button>
<el-button type="info" @click="get('test-user-name')">get('test-user-name')</el-button>
<el-button type="error" @click="remove('test-user-name')">remove('test-user-name')</el-button>
<el-button type="primary" @click="set('demo-user-name', 'demo-user')">set('demo-user-name', 'normalValue')</el-button>
<el-button type="info" @click="get('demo-user-name')">get('demo-user-name')</el-button>
<el-button type="error" @click="remove('demo-user-name')">remove('demo-user-name')</el-button>
<p>设置有效期</p>
<el-button type="primary" @click="setExpires('test-user-pwd', '123456789', 1)">设置 'test-user-pwd' 有效期为一天</el-button>
<el-button type="info" @click="get('test-user-pwd')">get('test-user-pwd')</el-button>
<el-button type="error" @click="remove('test-user-pwd')">remove('test-user-pwd')</el-button>
<el-button type="primary" @click="setExpires('demo-user-pwd', '123456789', 1)">设置 'demo-user-pwd' 有效期为一天</el-button>
<el-button type="info" @click="get('demo-user-pwd')">get('demo-user-pwd')</el-button>
<el-button type="error" @click="remove('demo-user-pwd')">remove('demo-user-pwd')</el-button>
<p>获取所有可以获得的数据</p>
<el-button type="info" @click="getAll">getAll</el-button>
</d2-container>
</template>
<script>
import Cookies from 'js-cookie'
import util from '@/libs/util.js'
export default {
methods: {
set (name = 'default-name', value = 'default-value') {
Cookies.set(name, value)
util.cookies.set(name, value)
this.$message.info(`设置数据 ${name} = ${value}`)
},
setExpires (name = 'default-name', value = 'default-value', expires = 1) {
Cookies.set(name, value, {
util.cookies.set(name, value, {
expires
})
this.$message.info(`设置数据 ${name} = ${value} 有效期 ${expires} 天`)
},
get (name = 'default-name') {
const value = Cookies.get(name)
const value = util.cookies.get(name)
this.$message.info(`获取数据 ${name} = ${value}`)
},
getAll () {
const value = Cookies.get()
const value = util.cookies.getAll()
console.log(value)
this.$message.info('结果已经打印到控制台')
},
remove (name = 'default-name') {
Cookies.remove(name)
util.cookies.remove(name)
this.$message.info(`删除数据 ${name}`)
}
}