当同一个地方同时出现两个弹框时，第二个弹框会被第一个弹框蒙版遮罩住。

冥思苦想了好久，终于找到应对方法了。

1. 如果dialog弹出嵌套是出现在同一组件中，我们可以使用分别放置两个弹框，而不是嵌套着。

 <el-dialog :visible.sync="Showtext" :title="tinymce_Title" :append-to-body="Tobody" width="800px" @close="closeDia">
     <p>第一个弹框</p>
</el-dialog>

/*------------------------------------------------------------------------*/

 <el-dialog :visible.sync="Showtext" :title="tinymce_Title" :append-to-body="Tobody" width="800px" @close="closeDia">
    <p>第二个弹框</p>
</el-dialog>

2. 当我们的弹框不在同一组件时，这个也不起效果了，那就需要使用el-dialog 提供的一个自带属性去改变它的弹框模式

不使用这个属性，默认dialog插入的是父级的；使用这个属性后，直接插入body，就不存在被遮挡了

但是使用这个存在一个弊端（个人项目中遇到的）就是表单无法输入内容，无法被选中

此时我们可以使用el-dialog提供的一个方法close。创建一个方法，当dialog被关闭时，我们把append.to-body设置成false。

这样就完美解决了。