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中