用scroll组件滚动失败

Question

有这样一段html: （不是项目中的，是自己测试写的一段）

<scroll ref="scroll" :data="detailData" class="bs">
    <h2>{{detailData.title}}</h2>
    <p v-html="detailData.article_contents"></p>
</scroll>

.bs
	height: 100%
	overflow: hidden

detailData是Object类型，如果把项目中的scroll组件拷贝过来之后，把组件中的data的type改为Object类型，组件不能滚动，

把 :data="detailData" 去掉也是不能滚动的，

是不是better-scroll不支持Object类型的数据？

Answer 1

ustbhuangyi 2018-03-08 15:51:35

scroll 组件的逻辑很简单，data 仅仅是为了做刷新 better-scroll 用的，你先看看你的 DOM 结构是否满足滚动条件

• 提问者 拈花一笑T #1

  非常感谢！我在scroll组件内层用div包住里面的元素就ok了