feat: add anchor for directives

This commit is contained in:
Justineo
2021-10-29 17:12:04 +08:00
parent 8faf0f995c
commit ad171ed9ca
7 changed files with 88 additions and 71 deletions

View File

@@ -48,11 +48,11 @@
| 参数 | 类型 | 默认值 | 描述 |
| -- | -- | -- | -- |
| `refs` | `Array<string | Vue | HTMLElement>` | `[]` | [^refs] |
| `handler` | `function(event: Event): void` | `function() {}` | 外部事件触发时的回调函数,会接收到相应的原生事件对象参数。回调函数的 `event` 参数会根据 `trigger` 参数变成相应的原生事件对象。 |
| `trigger` | `string` | `'click'` | 外部事件名,可取的值有:`click``mousedown``mouseup``hover``focus`。 |
| `delay` | `number` | `0` | 在 `trigger``hover` 的时候,鼠标移出目标元素 `delay` 毫秒之后,才触发回调函数。如果在 `delay` 毫秒之内,鼠标重新移回了目标元素集合内,就不会触发回调函数。 |
| `excludeSelf` | `boolean` | `false` | 在计算目标元素集合的时候,用于判断是否排除自身元素。 |
| ``refs`` | `Array<string | Vue | HTMLElement>` | `[]` | [^refs] |
| ``handler`` | `function(event: Event): void` | `function() {}` | 外部事件触发时的回调函数,会接收到相应的原生事件对象参数。回调函数的 `event` 参数会根据 `trigger` 参数变成相应的原生事件对象。 |
| ``trigger`` | `string` | `'click'` | 外部事件名,可取的值有:`click``mousedown``mouseup``hover``focus`。 |
| ``delay`` | `number` | `0` | 在 `trigger` 为 `hover` 的时候,鼠标移出目标元素 `delay` 毫秒之后,才触发回调函数。如果在 `delay` 毫秒之内,鼠标重新移回了目标元素集合内,就不会触发回调函数。 |
| ``excludeSelf`` | `boolean` | `false` | 在计算目标元素集合的时候,用于判断是否排除自身元素。 |
^^^refs
该参数指定了目标元素集合,在目标元素之外触发指定事件,就会调用传入的回调函数。默认情况下,会将与 `v-outside` 指令绑定的元素算在目标元素之中,不过可以通过 `excludeSelf` 排除掉自身。