如何在 Svelte 中添加幻灯片网格扩展答案

【问题标题】：How to add Splide Grid extention in Svelte如何在 Svelte 中添加幻灯片网格扩展
【发布时间】：2022-06-29 01:25:20
【问题描述】：

Svelte Splide 文档没有显示如何添加扩展的示例。 https://splidejs.com/integration/svelte-splide/

Grid 扩展文档在这里： https://splidejs.com/extensions/grid/

我一直在尝试这种方式：

import { Splide, SplideSlide } from '@splidejs/svelte-splide';
import { Grid } from '@splidejs/splide-extension-grid';

<Splide …
 options={ {
  fixedHeight: 380,
  gap: 20,
  arrows: false,
  grid: {
   rows: 3,
   cols: 3,
  },
} }
</Splide>

谁能给我一个如何添加它的例子？

【问题讨论】：

标签： svelte splidejs

【解决方案1】：

我在文档的视频演示中找到了如何添加扩展的示例： https://github.com/Splidejs/svelte-splide/blob/master/examples/src/routes/components/VideoExample.svelte

【讨论】：

【解决方案2】：

如here 所述，您可以像这样注册扩展：

```diff
<Splide …
 options={ {
  fixedHeight: 380,
  gap: 20,
  arrows: false,
  grid: {
   rows: 3,
   cols: 3,
    },
  }}

+extensions= { {Grid} }
</Splide>
```

【讨论】：