使用uni开发小程序scroll-view中的scroll-top不跟随动态值变化

782 阅读1分钟
   uni官网给出的不生效解释:
   当属性值相同时,组件内部单向流数据特性有关,导致不会再次触发watch监听
   因为刚开始默认属性值给的是0后来把值改为了0,属性值没有变化     

图片.png

//  解决办法将下面的scrollTop设置0.01的误差
uni原代码
goTop: function(e) {
				// 解决view层不同步的问题
				this.scrollTop = this.old.scrollTop
				this.$nextTick(function() {
					this.scrollTop = 0
				});
				uni.showToast({
					icon: "none",
					title: "纵向滚动 scrollTop 值已被修改为 0"
				})
			}
  //改之后的代码
  goTop: function(e) {
	// 解决view层不同步的问题
	console.log(this.scrollTop,"前");
	this.scrollTop = this.old.scrollTop
	this.$nextTick(function() {
	this.scrollTop = 0.01
	});
	console.log(this.scrollTop,"后");
	},
uniapp官网给出的解决办法
https://uniapp.dcloud.net.cn/tutorial/vue-api.html#componentsolutions