el-table input textarea 文本域 自适应高度,切换分页滚动失效处理办法

场景: el-table 表格 需要 input类型是 textarea 高度是自适应,第一页数据都是单行数据 不会产生滚动条,但是第二页数据是多行数据 会产生滚动条,

bug: 第一页切换到第二页 第二页滚动条无法展示

解决办法:直接修改样式 加上overflow-y:auto 样式 完美解决

javascript 复制代码
this.$nextTick(() => {
	const table = this.$refs.tableRef.$el;
	const bodyWrapper = table.querySelector(".el-table__body-wrapper");
	if (bodyWrapper) {
		// 直接修改内联样式
	    bodyWrapper.style.overflowY = "auto";
	}
});

或者直接使用css

css 复制代码
::v-deep .el-table__body-wrapper {
	overflow-y: auto ;
}
相关推荐
程序员小寒几秒前
前端高频面试题之手写Promise
前端·javascript·面试
丫丫72373413 分钟前
Raycaster(鼠标点击选中模型)
javascript·webgl
北慕阳19 分钟前
选择采购单按钮
前端·javascript·数据库
华仔啊20 分钟前
Vite 到底能干嘛?为什么 Vue3 官方推荐它做工程化工具?
前端·javascript·vue.js
悟能不能悟21 分钟前
目前流行的前端框架
开发语言·javascript·ecmascript
计算机学姐23 分钟前
基于Python的智能点餐系统【2026最新】
开发语言·vue.js·后端·python·mysql·django·flask
赵庆明老师27 分钟前
NET 中深度拷贝一个对象
前端·javascript·ui
北友舰长29 分钟前
基于Springboot+vue大型商场应急预案管理系统的设计与实现【Java毕业设计·安装调试·代码讲解·文档报告】
java·vue.js·spring boot·mysql·商场·应急处理·应急
馬致远32 分钟前
Vue 脚手架&环境配置
前端·javascript·vue.js
syt_101334 分钟前
grid布局之-子项放置1
前端·javascript·css