art-template与swiper发生冲突导致swiper的一些样式不起作用

我们在实际中的前后端分离开发中,在进行渲染后端返回来的数据时我们有时会用到模板来进行渲染数据,而在渲染数据中我们可能用到一些组件来进行一些样式显示。而在页面中数据显示了导致组件的一些样式没有显示,一些功能也可用。这就是模板与组件产生冲突导致数据显示而一些功能没有显示出来一些按钮没有任何效果一些动态的效果如视频,动态样式没有,但是在页面中确实有该样式的Class,id标签属性。下面我就来介绍一下发生冲突导致的原因与解决方法。

模板发生冲突数据显示不出来,引入方式问题

在当我们引入js,template,swiper组件时我们会把他在头部引入,如果在头部引入我们会导致不起作用不同的引入顺序也会导致发生冲突我们最好在页面底部进行引入,遮掩会在页面HTML加载完成后在执行所引入的。

把模板渲染跟JS效果放在一个success中

art-template与swiper发生冲突导致swiper的一些样式不起作用_第1张图片

我们可以把swiper样式效果放到渲染模板过后在返回在在页面这样就不会发生冲突

你可能感兴趣的:(art-template与swiper发生冲突导致swiper的一些样式不起作用)