Vue安装swiper插件中的坑

1、在vue中安装swiper插件运行时会报错，错误如下npm install --save swiper于是在网上进行查找了一番，竟然是版本问题，因为版本不同项目目录变了点开node安装文件夹里也只能看到’swiper/swiper-bundle.css’如果用swiper-bundle.css会有很多问题，比如我遇到的就是分页器不生效这里就需要降低swiper版本了这里使用的是5.4.5

时间的情敌

3454人浏览 · 2022-03-31 08:37:45

时间的情敌 · 2022-03-31 08:37:45 发布

1、在vue中安装swiper插件运行时会报错，错误如下

npm install --save swiper

在这里插入图片描述
于是在网上进行查找了一番，竟然是版本问题，因为版本不同项目目录变了点开node安装文件夹里也只能看到’swiper/swiper-bundle.css’

如果用swiper-bundle.css会有很多问题，比如我遇到的就是分页器不生效

这里就需要降低swiper版本了这里使用的是5.4.5

cnpm install vue-awesome-swiper swiper@5.4.5 --save

在这里插入图片描述

解决问题。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^