页面出现了滚动条,为啥我滚动页面这方法不起作用?

·回复

要页面活动才有效,局部滚动,比如ss产生的滚动条是无效的

微信小程序 页面滚动头部显示隐藏

<view class="roll" style="  opacity:{{headshow}};">
        <view class="title">
            好货到家
        </view>
</view>data{    headshow: 0}
  onPageScroll: function (e) {
    let opacity = 0
    if (e.scrollTop <= 400) {
      opacity = e.scrollTop / 400
    } else {
      opacity = 1
    }
    this.setData({
      headshow: opacity
    })
  },

VUE 监听 对象属性值变化的三种方式

//示例:
//监听一下对象 formCode 中 属性 application 的变化:
<script>
export default{
    data(){
        return{
            formCode:{
                application:"",
                oldcode:"",
                newcode:""
            }
        }
    }
}
</script>


//第一种方式:watch 结合 computed
computed:{
    application(){
        return this.formCode.application
    }        
},
watch:{
    application:function(val){
         console.log(val)
    }
}


//第二种方式: 使用 deep
watch:{
  formCode:{
      handler(newVal){
          console.log(newVal)
      },
      deep:true
  }

}


//第三种方式:
watch:{
  'formCode.application'(newVal,oldVal){
      if(newVal != oldVal && newVal != ""){
          this.vDisable = false;
          var appName = newVal.split("-")[0]
          this.getVersionData(appName)
      }
  }  
}  

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐