mpvue 使用微信小程序组件scroll-view的方法

  1. <scroll-view :style="{'height': '300px'}"></scroll-view>要设置高度
  2. 举例:小程序原先方法是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)
    }
 }

标签: mpvue使用scroll-view


阿里云优惠主机

添加新评论

免责声明
本博客部分内容来自于互联网,不代表作者的观点和立场,如若侵犯到您的权益,请联系[email protected]。我们会在24小时内进行删除。