Vue 中Dialog 对话框，body内容跟随弹窗滚动问题解决

网上找了很久解决方案，都无法解决，其实只要加一个属性即可解决。

场景：

          父组件中引入子组件弹窗，弹窗出现后，浏览器右侧出现两个滚动条。

          滚动鼠标滚动的是灰色背景。

原因：

          鼠标事件被背景body获取 ，而不是被弹窗所获取，因此滚动鼠标触发的是背景的滚动

解决：

          为子组件弹窗加入 append-to-body 属性（嵌套的 Dialog 必须指定该属性并赋值为 true）

---

 父组件中引入子组件

 子组件ShowPDF 弹窗

这是Element官网对Dialog 对话框的一个属性解析，https://element.faas.ele.me/#/zh-CN/component/dialog