uniapp onPageScroll监听页面滚动不起作用?解决方案
uniapp onPageScroll监听页面滚动不起作用?解决方案微信小程序 页面滚动头部显示隐藏VUE 监听 对象属性值变化的三种方式
·
页面出现了滚动条,为啥我滚动页面这方法不起作用?
·回复
要页面活动才有效,局部滚动,比如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)
}
}
}
更多推荐
已为社区贡献4条内容
所有评论(0)