this.$refs.talkDiv.scrollTop = "222";这个赋值后变成221.8181762

来源：蜘蛛抓取(WebSpider) 时间：2021-11-22 07:14 标签：

如图ref 被用来给元素或子组件注冊引用信息。引用信息将会注册在父组件的 $refs 对象上如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上引用就指向组件实例：

在上面的例子中，input的引用信息为input1 $refs 是所有注册过的ref的一个集合，

vue中列表滚动到底部

在vue中可以使用不同的方式：
监听列表数据：当list发生变化时，执行滚动到底部的逻辑

//执行滚动到底部的逻辑

最近想写个网站需要滚动加载的功能用了element的infinite-scroll感觉局限太大，干脆自己写一个功能如下

vue实现滚动到底部加载数据的原理是监听页面滚动，当页面滚动到底部的时候前端从后端获取分好页的数据加入到datas[]数组中，进行渲染就实现了滚动加载的功能

触发监听滚动条的函数是：

我用的是vue脚手架搭的项目，都寫在App.vue文件里代码如下

//故应该使用箭头函数，因为箭头函数无this会从上一级找，故会找到vue实例的this

//变量scrollTop是滚动条滚动时距离顶部的距离

//滚動条到底部的条件(距底部20px时触发加载)

//后端需要进行分页，然后前端从后端拿来实现滚动加载

//这里利用数组push来模拟从后端拿到的数据

// 在页面掛载前就发起请求

我要回帖

 

随机推荐