1.1.9 • Published 2 years ago
vue3-costom-shell v1.1.9
#指令使用说明#
v-copy 复制指令 作用于标签上、绑定的值即复制的值 例:
<div v-copy="123"></div>
释: 在点击div的时候会将123复制在剪切板
v-disabledInput 输入限制指令 作用于输入标签上、例如input等、绑定的值是一个正则表达式。 例: 释: 在input输入框中,只允许输入0-9的数字,其他输入无效
v-ellipsis 超出隐藏指令 作用于标签上、绑定的值是一个数字。即超出设定的行数展示省略号,当不传值时默认为1 例: 释: 1). 内容超出1行出现省略号 2). 内容超出2行出现省略号
v-draggable 拖拽指令 作用于标签上、将标签赋予拖动功能 例:
<div v-draggable>我能拖拽</div>
释: 点击div即可实现拖拽
v-resize 拉伸指令 作用于标签上、将标签赋予拉伸功能 例:
<div v-resize>我能拉伸</div>
释: 点击div边缘即可实现拖拽
v-debounce 防抖指令 作用于标签上、将标签事件赋予防抖功能, 默认防抖间隔为1秒 默认防抖事件为click 例:假设Fn为一个业务函数
<div v-debounce="Fn">123</div> <div v-debounce:2000="Fn">234</div> <div v-debounce="{fn: Fn, time: 2000, type: 'keyDown'}">345</div>
释: 1. 点击触发后在后续在1s内重复点击不生效 2. 点击触发后在后续在2s内重复点击不生效 3. 键盘按下触发后在后续在2s内重复点击不生效