vue组件中swiper没有生效的问题
2018-03-14 17:12
671 查看
vue组件中swiper没有生效的问题
给自己留个记录,直接在vue中使用swiper的时候一般正常使用是没什么问题,但是在vue组件中使用swiper的时候可能就会出现无效的问题,这个时候就要给swiper添加{ observer:true, //修改swiper自己或子元素时,自动初始化swiper observeParents:true,//修改swiper的父元素时,自动初始化swiper }
observer
启动动态检查器(OB/观众/观看者),当改变swiper的样式(例如隐藏/显示)或者修改swiper的子元素时,自动初始化swiper。
默认false,不开启,可以使用update()方法更新
observeParents
将observe应用于Swiper的父元素。当Swiper的父元素变化时,例如window.resize,Swiper更新。
一般来说无效的都可能是这两个属性默认为false的原因,希望能帮助到遇到同样问题的小伙伴了
……^_^
相关文章推荐
- vue一个组件引入多个swiper轮播可能引发的分页器数量异常问题
- vue-awesome-swiper组件不能自动播放和导航器小圆点不显示问题
- vue组件的hover事件模拟、给第三方组件绑定事件不生效问题
- vue-awesome-swiper组件不能自动播放和导航器小圆点不显示问题
- vue 组件间props报错问题
- [问题探讨]vue父子组件的生命周期顺序
- vue的在子组件在使用iview库发现的问题
- vue做的单页面组件(单文件组件)不起作用,webpack已经打包成功,页面中没有结果
- 问题很可能是因为本地 Web 服务器上没有安装所需的组件。请运行 Visual Studio .NET 安装程序并添加 Web 开发组件。
- vue项目中公用footer组件底部位置的适配问题
- vue路由只变化参数页面组件不更新问题
- Visual Studio .NET 无法创建应用程序 。问题很可能是因为本地 Web 服务器上没有安装所需的组件
- 解决ios微信下vue项目组件切换并自动播放音频问题
- vue 引入子组件报错问题
- window2008 64位系统没有office组件问题分析及解决
- 解决vue组件中使用v-for出现告警问题及v for指令介绍
- Visual Studio .NET 无法创建或打开应用程序。问题很可能是因为本地Web服务器上没有安装所需的组件
- vuejs组件使用问题
- vue 解决循环引用组件报错的问题
- vue 后台数据获取与组件渲染、页面刷新数据消失的问题小结