el-dialog对话框如何重置位置

jt.png
在做公司的一个项目的时候,发现这个对话框里面的东西太多了,所以导致这个el-dialog的宽度有点长出现了滚动条,所以正常来说这个滚动条关闭之后会重置最顶点,但是我重置表单之后这个dialog并没有回到顶部,这肯定是设置scollTop的问题,代码如下,在点击打开dialog的时候加入如下代码

setTimeout(() => {
        document.getElementsByClassName('el-dialog__wrapper')[0].scrollTop = 0
      }, 0)
      this.addDialog = true

为什么加一个定时器呢,因为VUE更新DOM是异步更新的,我不加定时器,真实DOM是不更新的
感觉直接操作dom不够优雅,以后有想到别的好点的方式再去修改。

Last modification:November 14th, 2019 at 11:23 am
If you think my article is useful to you, please feel free to appreciate

Leave a Comment