公共函数库

标签（空格分隔）： utils directive extend filter mixin

安装

npm install @xnsk/fe-utils

引入

全局引入

import feUtil from '@xnsk/fe-utils'
Vue.use(feUtil)

按需引入

//import {utils, directive, extend, filter, mixin} from '@xnsk/fe_utils'
import {utils, directive} from '@xnsk/fe_utils'

utils

• localTools

• cookie

• jsBridge

directive

拖拽

v-drag

<!-- 默认拖拽 -->
<div v-drag></div>

<!-- 参数 -->
<div v-drag="{type:'bothSide',onDrag:fn,callBack:fn2}"></div>
/*
type : 拖拽类型
    空/不传：默认拖拽
    bothSide：就近停靠两侧
onDrag : 拖拽过程回调
callBack: 拖拽完成回调
*/

图片加在失败时显示默认图

v-img-error

<img src='' v-img-error />
/* 全局自定义失败图片地址 */
import { directive } from '@xnsk/fe_utils'
Vue.use(directive,option:{
    //图片异常指令参数
    imgError:{
        errorUrl:'xxxx.png'
    }
})

清除emoji表情和前后空格

v-clear-emoji-trim

只能输入手机号（1开头，11位）

v-only-phone

只能输入正整数

v-only-digit

只能输入正小数

v-only-decimal

 <!-- 默认2位小数 -->
 <input type="text" v-only-decimal placeholder="2位小数"> 
 <!-- 自定义小数位数 -->
 <input type="text" v-only-decimal="1" placeholder="1位小数">
 <!-- 自定义小数点前位数和小数点后位数 -->
 <input type="text" v-only-decimal="[5,1]" placeholder="最多5位整数，1位小数">
 
 

extend

开发中……

filter

开发中……

mixin

开发中……