微信小程序slot插槽渲染错误

Question

list-scroll.vue编入插槽slot
在wx小程序上渲染有问题
插入的内容被填充到了scroll下面,无法进行滚动处理

Answer 1

IKITAII 2021-04-20 15:23:53

请问你解决了吗？

Answer 2

知乎向导 2020-11-30 18:31:36

list-scroll.vue  我这样修改了下  小程序能滚动了  （的确按照教程 h5能滚动 小程序不行） 

<style>

.scroll {

height: 100%; //不设置小程序无法滚动 H5正常

Answer 3

慕村6345035 2020-11-28 08:39:26

你看到的这个微信开发者工具渲染的结构是错误的！所以跟他渲染没啥关系，是因为组件插槽的话，会默认多渲染一层，导致最终的样式有差别！需要在微信开发者工具的调试工具里去看最终的渲染结构！

Answer 4

慕村6345035 2020-11-25 10:22:18

后面有解释，需要外面套一层

• 提问者 lu9944 #1

  slot外面套一层view的我搞了,还是不行,整个5大章我看完了,课件的代码我也拿来搞了一下,也不行