Element Dialog 弹窗增加回到顶部功能

1.如下图所示在dialog中增加class(如果没有的话)myDialog,然后新增el-backtop组件,其属性target命中myDialog即可实现弹窗回到顶部功能


image.png

2.结果页面如下图所示,右下角的图标即为回到顶部功能按钮


image.png

3.为防止上面操作不起作用或者报错,在参照李疆的博客后,可在样式中新增如下代码解决上述问题:

.myDialog{
  height: 100vh;
  overflow-x: hidden;
}

最后非常感谢element及李疆。

你可能感兴趣的:(Element Dialog 弹窗增加回到顶部功能)