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

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

收起

3回答

好帮手慕糖 2020-05-08 17:30:00

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

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

祝学习愉快~

好帮手慕糖 2020-05-08 13:40:54

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

祝学习愉快~

好帮手慕糖 2020-05-08 10:13:15

同学你好，如下，是指如下这里吗？

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

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

祝学习愉快~

提问者 lcyjerry #1

<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设置高度

2020-05-08 11:28:55