我的问题是关于使用 Swiper http://idangero.us 和 ionic 4

Posted

技术标签:

【中文标题】我的问题是关于使用 Swiper http://idangero.us 和 ionic 4【英文标题】:My questions is about using Swiper http://idangero.us, with ionic 4 【发布时间】:2019-12-25 21:59:27 【问题描述】:

我通过在 cli 中安装 Swiper 来设置它。 css 样式工作正常,但缺少功能(滑动)。当我尝试遵循源代码时,这个对象被声明为“new Swiper”,但我找不到“Swiper”。如何访问此 Swiper 类型并将其与我的 DOM 元素一起使用。

我尝试从 swiper 导入 Swiper 类,这似乎不是问题。当我将自定义对象设置为导入的 Swiper 时,问题就开始了。它给了我一个错误,说“在'swiper'中找不到导出'Swiper'”。我试过了:

// Importing the swiper class
import Swiper from 'swiper';

// creating the object
  const swipes = new Swiper('.swiper-container');

我只需要幻灯片作为演示显示的功能。

【问题讨论】:

【参考方案1】:

您不需要在 Ionic4 中安装 swiper - 它是内置的。

查看ion-slidesdocumentation,您将看到大量代码示例,了解如何在 Ionic 中自定义和使用它。

【讨论】:

如果有帮助,请考虑投票或标记为答案。 为了使用它们,我将我的应用程序降级到 v3,现在一切都很好。谢谢

以上是关于我的问题是关于使用 Swiper http://idangero.us 和 ionic 4的主要内容,如果未能解决你的问题,请参考以下文章

关于小程序swiper图片不能撑满解决方案

微信小程序关于swiper问题求助

关于Swiper和vue数据顺序加载问题处理

关于swiper在vue中不生效的问题

关于轮播图兼容的问题

关于小程序swiper组件第一次加载不显示图片