vue el-table添加数据后自动定位到行前行尾,el-table添加数据后滚动到行前行尾
el-table 添加数据行后定位到最后一行(滚动条滚动到对应的行头或行尾)问题滚动到第一行:this.$refs.table.bodyWrapper.scrollTop =0;滚动到最后一行:push进table绑定的数据源后定位到最后一行//验证产品类型是否一致:是就可以添加,否则提示错误if(valid){...
·
el-table 添加数据行后定位到最后一行(滚动条滚动到对应的行头或行尾)问题
滚动到第一行:
this.$refs.table.bodyWrapper.scrollTop =0;
滚动到最后一行:
push进table绑定的数据源后定位到最后一行
//验证产品类型是否一致:是就可以添加,否则提示错误
if(valid){
this.arrData.push(
{typeName:this.rowData.typeName
,subTypeName:this.rowData.subTypeName
,batch:batch
,proUserId:proUserId
,nos:nos
,name:this.rowData.productName})
this.$refs.table.bodyWrapper.scrollTop =this.$refs.table.bodyWrapper.scrollHeight;
return true;
}else{
this.$message.warning('产品类型不一致')
return false;
}
记录一下
别忘了 el-table增加ref属性!!!
更多推荐
已为社区贡献17条内容
所有评论(0)