mpvue 使用微信小程序组件scroll-view的方法
- <scroll-view :style="{'height': '300px'}"></scroll-view>要设置高度
- 举例:小程序原先方法是bindscrolltolower,在mpvue当中要写成@scrolltolower template
template 代码
<scroll-view :style="{'height': '200px'}" :scroll-y="true" @scrolltolower="scrolltolower" @scroll="scroll" >
<div :style="{'height': '200px','background-color':'red'}">tyuiolpo</div>
<div class="" :style="{'height': '200px','background-color':'red'}">测试测试
</div><div class="" :style="{'height': '200px','background-color':'red'}">测试内容内容</div>
</scroll-view>
methods 部分
methods: {
scrolltolower(){
console.log(7)
},
scroll(e) {
console.log(6)
console.log(e)
}
}