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

用户场景

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

遇到的问题

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

原因

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

解决办法

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