better-scroll插件 Slide

Question

1. 我用的是 better-scroll^2.0.0-beta.6。当我引入 Slide插件，配置slide属性后，它会自动计算 slide-group的宽度。 但是我没有给 父容器 slide设置宽度，它不是应该随子元素撑开吗，为什么还能正确显示？
2. 还有就是 slide-item 设置 width:100% 的时候，参照的应该是父元素 slide-group的宽度，那为什么 slide-group的宽度是 1366*4，而slide-item是 1366.
3. 为什么我在 Slide插件里配置 disableSetWidth: true,但是我自己并没有设置宽度，它还是会自动计算 slide-group的宽度.
4. Slide插件自动计算的哪个容器的宽度？ 是父容器slide+slide-group+slide-item 还是 仅仅计算slide-group
5. 这个组件单独运行的时候正常，但是作为子组件嵌入到父组件里的时候，就不会再自动计算宽度，在Chrome里看，slide-group和slide-item的宽度全部是0

Answer 1

ustbhuangyi 2020-03-19 11:28:36

slide 插件内部应该是自动做了计算，会给 slide-item 和 slide-group 都设置对应的宽度。disableSetWidth 我没有试过，你能把例子放到 codesandbox 上吗

• 提问者 weixin_慕尼黑6237118 #1

  codesandbox我不太会用，直接把代码放在 github上了。我提的问题在
  src/component/Xslide.vue 里.
  
  https://github.com/xiaojianchi/music-debug.1

• ustbhuangyi 回复 提问者 weixin_慕尼黑6237118 #2

  因为父容器是 slide，内容层是 slide-group，内容层宽度大于外层 wrapper 的宽度，所以有滚动效果。