当前位置: 首页 > 工具软件 > Scrollbar.app > 使用案例 >

Element-plus 设置el-scrollbar 高度自适应窗口变化

阮华美
2023-12-01

环境:Vue3.2+electron+element (版本就不写了,都差不多)

在Vue里面添加一个ref变量

const sc_height = ref('760px') //默认高度

在设置el-scrollbar参数

<el-scrollbar
	:height="sc_height" // 动态设置el-scrollbar高度
>
window.onresize = function () { //检测window窗口改变大小
  // console.log("窗口变化了!")
  console.log(window.innerHeight) //打印window窗口高度
  sc_height.value = (window.innerHeight - 50) + 'px' // window的窗口高度肯定比el-scrollbar高,可以稍微减少点。减少多少自己修改50这个值
}
 类似资料: