美文网首页
Vue中swiper插件的loop模式下的修改遇到的问题-bac

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

作者: 苏本的书柜 | 来源:发表于2021-05-08 16:54 被阅读0次

    用户场景

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

    遇到的问题

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

    原因

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

    解决办法

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

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/rcksrktx.html