element-ui中el-scrollbar 滚动到底部

本文主要是介绍element-ui中el-scrollbar 滚动到底部，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

控制el-scrollbar内滚动条的方法与控制页面的滚动条的方法基本一样，只是获取el-scrollbar节点的滚动条时，需使用 refs.scrollMenuRef.wrap

/*el-scrollbar 必须指定高度*/
<el-scrollbar ref='scrollMenuRes' style='width:100%;height:200px;' wrap-style="overflow-x:hidden;"><div v-for='i=0;i++;i<100'>第{{i}}个</div>
</el-scrollbar>
<script setup>
import { onMounted } from 'vue';
const ref=ref('')
const upDateScrollMenuRes=()=>{
//获取 el-scrollbar 内滚动条向下滚动的距离 ref.scrollMenuRes.warp.scrollHeight
//ref.scrollMenuRes.warp.scrollTop 控制 el-scrollbar 内滚动条滚动到指定位置ref.scrollMenuRes.warp.scrollTop=ref.scrollMenuRes.warp.scrollHeight
}
Onmouted(()=>{upDateScrollMenuRes()
})
</script>

这篇关于element-ui中el-scrollbar 滚动到底部的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---