vue 结合 swipe.js 遇到的大坑

原创 潇潇纪 教程 遇到的坑 314阅读 2017-05-03 17:46:00 举报

今天做项目的时候想要用swipe里的特效 ,结果遇到坑了,说下给遇到这样问题的伙伴提个醒。
swiper实例化的时候是会把刚开始写的结构重新写的,数据是从后台拿到的
swiper实例化的时候 ajax还没完成请求 所以data里根本没值 所以swiper-slider的个数是0从而导致出不来自己想要的结果。

错误的:

vue结合swipe.js遇到的大坑
正确的:

vue结合swipe.js遇到的大坑
swiper生成的 而不是写进去的所以当改变数据的时候需要重新swiper的,用$watch监听一下data的数据把 数据改变时候重新new swiper。

vm.$watch('vip_task', function(newval, oldval) {
vm.swipe();
})

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复