Vue中swiper插件的loop模式下的修改遇到的问题-back

用户场景

在vue中运用,需要在循环的swiper组件中根据数据驱动显示以及隐藏swiper中的部分轮播内容

遇到的问题

修改数据,并且确定数据已经修改,但是显示页依旧没有修改,并且只有部分有根据数据隐藏出来,部分没有

原因

主要是因为loop模式会循环复制一些dom,达到无限循环的效果,这个时候,数据改变了,但是显示结果未必会改变

解决办法

通过原生js,document.querySelectorAll去选定所有需要修改的dom元素,这个时候只能通过原生js修改dom,然后用来控制dom的显示与隐藏,数据v-show暂时没办法达到效果

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容