vue-material - 如何根据元素或事件属性定位 Vue md-dialog（不使用 x,y 坐标）

Question

单击按钮时，我想将 Vue 材质对话框定位在按钮下方。该按钮位于嵌套的 iframe 内。因此，按钮的 x,y 坐标与视口坐标不匹配。有没有办法相对于元素定位 Vue md-dialog。我不能使用 css 使用 x 和 y 坐标，因为 iframe 太多，并且很难计算精确的 x,y 坐标，即使使用 element.getBoundingClientRect() 也是如此。

Answer 1

问题是 md-dialog css 使用 css translate 将对话框置于屏幕中央。一旦它被覆盖，就很容易解决问题。

.md-dialog{ -webkit-transform: translate(0%,0%); 变换：翻译（0％，0％）；}