[vue]element-ui表格添加弹出框

首先区别下dialog和popover
dialog：会话框，用户可对会话框的内容进行操作。可渲染表单、表格、自定义内容（如需要用户确认是否删除等操作）
popover:弹出框，多用于提示用户信息（如：通过hover事件弹出提示内容）。相同的是，popover也可进行小操作（如需要用户确认是否删除等操作），甚至同样可以渲染表格内容。
如何选择？
dialog默认是有蒙版的，如果需要整个页面显示渲染内容，甚至需要给用户提供修改方法时，最好采用这种方法。显示的内容默认是在页面居中，且显示框更大，相对更为显眼。
popover由按钮触发后，往往显示在按钮附近，相对触发按钮定位。显示内容框默认比较小。如果需要用户操作的内容不是特别重要，采用这种方式可以提升用户体验度，让用户不必每次都把鼠标移到中间去关闭，同时，还能让用户知道自己查看的内容属于哪一块。


下面是使用的注意事项：
1.放置位置：
在表格中添加时，不要把弹出框写进el-table或者el-table-column，要写在表格外，否则弹出框显示不出来。
2.dialog显示层级：
默认遮罩层是在body元素上的，很可能出现遮罩层盖住弹出框的情况。如果出现了通过modal-append-to-body属性，此属性是布鲁类型，默认是true，改为false就会相对dialog的父级元素显示