Appearance
directives
@qxs-bns/directives 提供了一组常用 Vue 指令,覆盖复制、防抖、懒加载、安全渲染和交互增强等场景。
交互增强指令
如果你要先验证指令库能不能直接落到业务按钮和内容区上,优先看复制和防抖这类交互增强能力。
这类指令最容易在现有页面里快速验证接入方式。
loading
内容处理指令
需要安全 HTML、富文本溢出或懒加载时,再进入对应单页。
这些指令通常和内容渲染、性能优化或第三方 HTML 输入有关。
loading
页面定位
- 这组文档适合在你已经确定要用某个指令时快速查接入方式和绑定规则。
- 安装页负责说明整体引入方式;单页负责说明具体指令的值、修饰符和注意事项。
你可以在这里找到什么
| 类型 | 说明 | 推荐入口 |
|---|---|---|
| 内容处理 | 复制、安全 HTML、富文本截断 | v-copy、v-safe-html、v-rich-overflow |
| 交互增强 | 防抖、水波纹、滑入动画 | v-debounce、v-waves、v-slid-in |
| 资源加载 | 图片懒加载 | v-lazy-load |
推荐入口
下一步
- 如果你要先统一注册指令,查看 Directives 库首页。