vue 弹窗变灰问题

最近写复用组件，会遇见弹框变灰的情况，如图

解决如下：

在子dialog中添加:append-to-body=“true”

    <div >
      <el-dialog :visible.sync="showNoNumberDialog" **:append-to-body="true"**  width="300px">
        <div slot="title" style="text-align: left;">
          <span>数据为空</span>
        </div>
        <div style="text-align: center;">
          <el-button size="mini" type="primary" @click="showNoNumberDialog = false">确定</el-button>
        </div>
      </el-dialog>
    </div>