Skip to content

directives

@qxs-bns/directives 提供了一组常用 Vue 指令,覆盖复制、防抖、懒加载、安全渲染和交互增强等场景。

交互增强指令

如果你要先验证指令库能不能直接落到业务按钮和内容区上,优先看复制和防抖这类交互增强能力。
这类指令最容易在现有页面里快速验证接入方式。

loading

内容处理指令

需要安全 HTML、富文本溢出或懒加载时,再进入对应单页。
这些指令通常和内容渲染、性能优化或第三方 HTML 输入有关。

loading

页面定位

  • 这组文档适合在你已经确定要用某个指令时快速查接入方式和绑定规则。
  • 安装页负责说明整体引入方式;单页负责说明具体指令的值、修饰符和注意事项。

你可以在这里找到什么

类型说明推荐入口
内容处理复制、安全 HTML、富文本截断v-copyv-safe-htmlv-rich-overflow
交互增强防抖、水波纹、滑入动画v-debouncev-wavesv-slid-in
资源加载图片懒加载v-lazy-load

推荐入口

下一步

directives has loaded