为什么要给MeSlider组件外面又包一层div呢?

来源:2-2 幻灯片组件--模拟数据

lcyjerry

2020-05-07 19:42:55

不能直接设置里面swiper的宽高吗?

写回答

3回答

好帮手慕糖

2020-05-08

同学你好,MeSlider是子组件的名称不是标签名,渲染到页面的时候,不是这个。引入的是子组件的内容。

父组件添加scoped之后。父组件的style样式将不会渗透到子组件中,若是修改子组件的样式,需要使用“深选择器”,即:如果想对设置了scoped的子组件里的元素进行控制可以使用  ’>>>’  或者  ’deep’,当前这么使用的话,是比较复杂的。所以不建议这么设置。

祝学习愉快~


0

好帮手慕糖

2020-05-08

同学你好,可以给引入的组件设置,不过一般不建议直接设置哦,都是嵌套个盒子设置,所以又嵌套了个父级的盒子设置的。

祝学习愉快~

0
hcyjerry
h 为啥不建议呢? 1
h020-05-08
共1条回复

好帮手慕糖

2020-05-08

同学你好,如下,是指如下这里吗?

http://img.mukewang.com/climg/5eb4bdd00973b99604210175.jpg

这是因为一般不会直接在template下书写文字,会使用个容器存放,后面再设置的时候,有将这个div去掉哦。

若不是这里,可以详细的描述下是哪部分,也可以截图说明下,继续提问。

祝学习愉快~

0
hcyjerry
h <div class="slider-wrapper"> <MeSlider :direction="direction" :loop="loop" :interval="interval" :pagination="pagination" > <swiper-slide v-for="(item,index) in sliders" :key="index"> <a :href="item.linkUrl" class="slider-link"> <img :src="item.picUrl" alt="" class="slider-img"> </a> </swiper-slide> </MeSlider> </div> 这个,为什么要在外面包一层wrappper,而不是直接给MeSlider设置高度
h020-05-08
共1条回复

0 学习 · 10739 问题

查看课程