vue-common-rexsheng
A Vue.js plugin for proving common operation
Build Setup
# install pluginnpm install vue-common-rexsheng --save-dev# config in entry file like 'src/main.js'import common from 'vue-common-rexsheng';# 配置localstorage根key，不配置默认:"vue"Vue.use(common,{storageKey:"testRoot"})
提供扩展方法如下
| 方法 | 说明 | 备注 |
|---|---|---|
| last() | 返回数组最后一个值，参数无 | 例如["a","b","c"].last()="c" |
| first() | 返回数组第一个值，参数无 | 例如["a","b","c"].first()="a" |
| insert(index, obj) | 在数组index索引处（0开始）插入新值，返回当前数组 | |
| remove(obj) | 移除数组中所有的obj，返回当前数组 | |
| removeAt(index) | 移除数组中索引处的值，返回移除的对象 | |
| distinct() | 返回去重后的数组 | |
| sum() | 数组值相加，返回求和结果 | |
| skip(length) | 跳过数组前length条，返回新数组 | |
| take(length) | 取数组前length条，返回新数组 | |
| range(start, end) | 取数组索引 >= start且索引 < end的新数组 | |
| group(key) | 对象数组，按照key分组，返回新数组格式[{"key":"key1","value":[]},{"key":"key2","value":[]}] | [{"name":"tom","age":12},{"name":"jack","age":16},{"name":"ali","age":12}].group("age")=[{"key":12,"value":[{"name":"tom","age":12},{"name":"ali","age":12}]},{"key":16,"value":[{"name":"jack","age":16}]}] |
| formatString(args) | 字符串格式化 | "a{id}".formatString({id:"小米"})="a小米" "a{0}b{1}c{0}".formatString("发","财")="a发b财c发" "a{0}b{1}c{0}".formatString(["发","财"])="a发b财c发" |
| contains(str) | 字符串是否包含参数str | |
| leftPadding(char, length) | 左侧填充字符串 | char用来填充的字符，length要求的字符串总长度 |
| toMD5(bit) | 字符串转md5值 | bit位数默认32，可选32 64,例如"123456".toMD5(32)="e10adc3949ba59abbe56e057f20f883e" |
| btoa() | 字符串base64加密 | |
| atob() | 字符串base64解密 | |
| Vue.cookie.set(name, value, time) | cookie设置，time单位为秒 | Vue全局可用 |
| this.$cookie.set(name, value, time) | 同上 | 页面实例使用 |
| Vue.cookie.get(name) | cookie获取,获取不到返回undefined |
Vue全局可用 |
| this.$cookie.get(name) | 同上 | 页面实例使用 |
| Vue.cookie.del(name) | cookie删除 | Vue全局可用 |
| this.$cookie.del(name) | 同上 | 页面实例使用 |
| Vue.storage.set(key, value) | localstorage设置 | Vue全局可用 this.$storage.set("a",{name:"abc"}) this.$storage.set("a.c",["生","xu"]) this.$storage.set("ff.gg",{age:12}) Vue.storage.set("abc.efg",45) |
| this.$storage.set(key, value) | 同上 | 页面实例使用 |
| Vue.storage.get(key) | localstorage获取 | Vue全局可用this.$storage.get("a") this.$storage.get("abc.efg") |
| this.$storage.get(key) | 同上 | 页面实例使用 |
| Vue.storage.clear(key) | localstorage删除，不写key时，删除全部 | Vue全局可用this.$storage.clear("abc.efg") this.$storage.clear() |
| this.$storage.clear(key) | 同上 | 页面实例使用 |
| this.$setInterval(fn,timeMilliseconds) | 页面循环调用 | 页面销毁同时自动销毁 |
| this.$setTimeout(fn,timeMilliseconds) | 页面定时器 | 页面销毁同时自动销毁定时器 |
| this.$fullScreen() | 全屏 | |
| this.$exitFullScreen() | 退出全屏 | |
| this.$bind(elm, event, fn) | 绑定事件 | |
| this.$unbind(elm, event, fn) | 解除绑定事件 | |
| this.$file.readAsText(file, encoding) | 读取文件text模式，返回Promise | encoding文件编码GBK或其他。this.$file可用作全局Vue.file |
| this.$file.readAsDataURL(file) | 读取文件图片URL模式，返回Promise | |
| this.$file.readAsBinaryString(file) | 读取文件二进制字节模式，返回Promise | |
| this.$file.readAsArrayBuffer(file) | 按字节读取文件内容，结果用ArrayBuffer对象表示，返回Promise | |
| this.$file.loadCsv(strData, strDelimiter) | 读取csv | strData数据，strDelimiter分隔符默认逗号, |
| this.$file.loadXml(xmlString) | 读取xml |
For detailed explanation on how things work, consult the docs for vue-common-rexsheng.