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属性!!!

Logo

前往低代码交流专区

更多推荐