用scroll组件滚动失败

来源：4-13 loading 基础组件的开发和应用

拈花一笑T

2018-03-08

有这样一段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类型的数据？

写回答

1回答

ustbhuangyi

2018-03-08

已采纳

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

拈花一笑T

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

2018-03-09

共1条回复

Vue2.0高级应用教学实战，开发企业级移动端音乐Web App

Vue.js高级知识应用大集合，实战企业级APP，教你搞定组件化开发。

5432 学习 · 3804 问题

查看课程

相似问题

滚动事件不触发

回答 1

老师我的better绑定scroll事件在跳转路由的时候，会一直触发scroll事件

回答 1

scroll滚动的问题

回答 4

老师我自己写了一个better-scroll，我只想滚动中间的一个组件（这个组件放List）,但是连用同父组件一起滚动了是怎么回事？？

回答 1

scroll组件

回答 1

打开慕课网App查看更多内容