vue-utils-plugin

    0.0.5 • Public • Published

    vue-utils-plugin

    install

    npm install vue-utils-plugin
    

    use

    <template>
        <div>
            <div>
                <input v-model="name" v-if="$utils.isEmpty(info.name)" placeholder=""/>
            </div>
        </div>
    </template>
     
    <script>
        import Vue from "vue";
        import utilsPlugin from "vue-utils-plugin";
        Vue.use(utilsPlugin,{
            utils: {
                replace: function(str, replace, replaceStr){}
            }
        });
        export default {
            name: 'app',
            data () {
                return {
                    name: '',
                    info: {
                        name: ''
                    }
                }
            },
            methods:{
                submit: function () {
                    this.$utils.replace('', '', '');
                }
            }
        }
    </script>
     

    配置说明

    配置传入一个对象

    {
        utils:{}//自定义工具方法
    }
    默认工具

    参考 ./src/default

    - isEmpty(Object)   //是否为空
    - trim(String)   //去除空格
    - is([String|Object|Array|Number|...], Object)   //数据类型判断(Object/Array/String等)
    - getUrlParams(key: String, url: String)   //获取Url传参(a?code=123)
    - getUrlVars(url: String)   //获取URL全部参数,返回JSON对象
    - removeUrlParam(url: String, key: String)   //移除URL参数
    - setUrlParams(obj: Object, url: String)  //批量设置URL参数
    - setSessionStorage(key: String, value: Object, needCipher: Boolean /**是否加密**/)   //存入 session 缓存 (自动转换为String,支持加密存储)
    - getSessionStorage(key: String, needDecipher: Boolean /**是否需要解密**/)   //取出 session 缓存(自动转换为Object)
    - setLocalStorage(key: String, value: Object, option: {exp: Number /**过期时间(秒)**/, needCipher: Boolean /**是否加密**/})   //存入 local 缓存 (自动转换为String,支持加密存储)
    - getLocalStorage(key: String, option: {exp: Number /**过期时间(秒)**/, needDecipher: Boolean /**是否解密**/, force: Boolean /**为true已过期数据返回null**/})   //取出 local 缓存(自动转换为Object)
    - evalJson(jsonStr: String)   //解析JSON字符串(过滤XSS攻击代码)
    - replaceAll(value: String, replaceStr: Object /**待替换字符**/, replaceValue: Object /**替换后字符**/)   //替换所有指定的字符
    - formatDateTime(unixTime: [Date|String|Number], pattern: String)   //格式化日期(支持Date、时间戳、日期格式字符串)
    - calYear(date: [Date|String], year: Number /**负数减一年,正数加一年**/)   //计算相差年份
    - calcAge(dateStr: [Date|String], [today: [Date|String]])   //计算周岁
    - compareDate(date1: [Date|String|Number], date2: [Date|String|Number])   //比较日期大小
    - uuid()  //生成36位唯一码(同 Java UUID)
    - hideKeyboard([el: Element])   //隐藏软键盘
    - pathToRegexp(prefix: String /**匹配规则**/, path: String)   //根据规则获取路径参数(/123/456 => /:code/:id)
    - get(object: String, path: String, defaultValue: Object)   //通过既定路径获取对象参数 get(obj, 'a.b.c')
    - attribute(obj:Object, path: String, create: Boolean /**不存在时是否创建**/, cb: Function)   //同上,不存在则创建(此函数不支持数组)
    - camelCase(value: String, reverse: Boolean)   //转换驼峰命名(驼峰转连接符、连接符转驼峰)
    - koala(el: Element, options: {delay: Number, keydown: Function, keypress: Function, keyup: Function})   //输入框延迟触发函数(输入完毕再触发,避免频繁触发)
    - isEmptyObject(obj: Object)   //是否为空对象({})
    - forEach(arr: [Array|Object], func: Function)   //扩展 forEach,支持 Object/Array , 支持 return false 跳出循环(提高执行效率)
    - inArray(val: Object, values: Array)   //同 jQuery inArray , 是否存在某数组中,返回下标,-1:未找到
    - revHash(data: Object, length: Number):   //获取hash值
    - cipher(data: Object, pwd: String):   //使用 aes192 加密数据
    - deCipher(encrypted: String, pwd: String):   //使用 aes192 解密数据
    - deepAssign(target: Object, source1: Object, source2: Object,...):   //深度合并(Object.assign 升级版)
    - deepClone(source: Object):   //对象深拷贝
    - debounce(func: Function, wait: Number, immediate: Boolean):   //延迟触发(函数抖动)
    - assignClone(target: Object, source1: Object, source2: Object,...):   //深度合并(深度合并克隆)
    - toThousandslsFilter(num: Number):   //千分位分割 1,000
    - exportTableToExcel(selector: String, fileName: String, tHeader: [String|Array] /**表头数组或表头选择器**/, opts: {ignore: Number /**忽略下标**/}):   //导出table表格到 Excel
    - exportJsonToExcel(tHeader: Array, jsonData: Array, fileName: String):   //导出JSON数据到Excel
    - resetModel(model: [Array|Object], ignore: [Array|Object], deep: Boolean /**深度重置**/):   //重置Model对象
    - setModelValue(target: Object, source: Object, keys: Array /**需要赋值的键名组合**/) //设置Model 数据 setModelValue(obj, value);
    ...
    License

    LICENSE

    Install

    npm i vue-utils-plugin

    DownloadsWeekly Downloads

    4

    Version

    0.0.5

    License

    ISC

    Unpacked Size

    8.16 MB

    Total Files

    16

    Last publish

    Collaborators

    • mvpleung