VUE 中Element-ui 添加滾動條


<template>
<el-scrollbar
wrapClass="scrollbar-wrap"
:style="{height: scrollHeight}"
ref="scrollbarContainer">
<div>........</div>
</el-scrollbar>
</template>

<script>
data () {
return {
scrollHeight:'0px'
}
}
mounted(){
this.scrollHeight = window.innerHeight*0.7 + 'px';
}

</script>

<style>

.el-scrollbar{
height: 90%;
.scrollbar-wrap{
overflow-x: hidden;
}
.el-scrollbar__bar{
}
}
</style>
 
如果沒有不起效果,可以設置在app.vue中

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM