elementuidialog如何设置动态高度

我们可以从官方的文档中得到&＃xff0c;只有width的设置&＃xff0c;那么如何动态设置height呢&＃xff1f;

代码部分&＃xff1a;

在这里已经设置了width为90%&＃xff0c;设置ref&＃61;“tk”&＃xff0c;弹框不要放到created里面&＃xff0c;可以放在编辑的read方法。否则会undefined&＃xff1b;

同时要注意的是和顶部浏览器的距离(top&＃61;“2vh”)&＃xff0c;这个可以根据自己的屏幕大小调整&＃xff0c;建议在2-5之间&＃xff0c;如果你当前页面是一个很大的滚动屏&＃xff0c;弹框没有设置top高度&＃xff0c;会导致其top为默认高度&＃xff0c;使得弹框(tk)需要滚动才能显示完全。

// 设置屏幕高度90%
this.$refs.tk.$el.firstChild.style.height &＃61; &＃39;90%&＃39;;

这是一段信息取 消确 定

具体效果图&＃xff1a;