自定义指令

click-outside

描述：Vue 自定义指令实现点击元素外触发事件

html

<div v-click-outside="closeDialog"></div>

copy

描述：复制文字

html

<div v-copy="要复制的内容"></div>
<div v-copy>要复制的内容</div>

注意

如果不传值，复制的是dom元素的innerText

hideText

描述：文字加密，用*号代替

html

<div v-hide-text.name>张三</div> <!-- 张* -->
<div v-hide-text.name>张三丰</div> <!-- 张*丰 -->
<div v-hide-text.mobile>13412345678</div> <!-- 134****5678 -->
<div v-hide-text.idcard>422124199010101234</div> <!-- 422124********1234 -->

注意

支持三种修饰符，name：两个字隐藏后一个，两个字以上隐藏中间（默认）；

mobile：手机号码，展示前3后4；

idcard：身份证，展示前6后4

formatText

描述：格式化字符

html

<div v-format-text.money=",">123456789</div><!-- 123,456,789 -->
<div v-format-text.money="_">123456789</div><!-- 123_456_789 -->
<div v-format-text.money:4=",">123456789</div><!-- 1234,4567,89 -->
<div v-format-text.money:4=",">123456789</div><!-- 1234,4567,89 -->
<div v-format-text>abcdefghi</div><!-- abc,def,ghi- -->

注意

支持传入指定的绑定值，参数和修饰符
value分隔符，默认为,
arg指令参数，默认为3，每隔3个字符分割一次
modify暂时只支持传入money(金额千分位)

自定义指令 ​

click-outside ​

copy ​

hideText ​

formatText ​

自定义指令

click-outside

copy

hideText

formatText