选项
所有
  • 公共
  • 公共/受保护
  • 所有
菜单

类型参数

  • T = 任意

层级

  • VirtualOptions

索引

属性

可选 addSlidesAfter

addSlidesAfter: 数字

增加活动幻灯片后预渲染的幻灯片数量

默认值

0

可选 addSlidesBefore

addSlidesBefore: 数字

增加活动幻灯片前预渲染的幻灯片数量

默认值

0

可选 cache

cache: 布尔值

启用渲染幻灯片 HTML 元素的 DOM 缓存。一旦它们被渲染,它们将被保存到缓存中并从中重用。

默认值

true

可选 enabled

enabled: boolean

是否启用虚拟幻灯片

默认值

false

可选 renderExternalUpdate

renderExternalUpdate: 布尔值

启用后(默认),它将在调用 renderExternal 后立即更新 Swiper 布局。当与异步渲染的库(如 React.js 或 Vue.js)一起使用时,禁用并手动更新 Swiper 会很有用

默认值

true

可选 slides

幻灯片: T[]

幻灯片数组

默认值

[]

可选 slidesPerViewAutoSlideSize

slidesPerViewAutoSlideSize: 数字

slidesPerView: auto 的幻灯片大小(以 px 为单位)

默认值

320

方法

可选 renderExternal

  • 外部渲染函数(例如,使用其他库处理 DOM 操作和状态,如 React.js 或 Vue.js)。它接受一个带有以下属性的 data 对象作为参数

    • offset - 幻灯片左/上偏移量(以 px 为单位)
    • from - 需要渲染的第一张幻灯片的索引
    • to - 需要渲染的最后一张幻灯片的索引
    • slides - 待渲染幻灯片项的数组
    默认值

    null

    参数

    返回 any

可选 renderSlide

  • renderSlide(slide: T, index: 任意): 任意
  • 渲染幻灯片的函数。它接受 slides 数组中的当前幻灯片项和当前幻灯片的索引号作为参数。函数必须返回 Swiper 幻灯片的外层 HTML 或幻灯片 HTML 元素。

    默认值

    null

    参数

    • slide: T
    • index: 任意

    返回 any

使用 TypeDoc 生成