vue 弹窗变灰问题

当第一层弹窗为引用的子组件 ComponentEnterpriseIndex

<div class="NewEvaluate">
  <el-dialog
    :modal-append-to-body="false"
    style="text-align:center !important;font-size: 14px"
    width="75%"
    title="企业指标权重设置"
    :visible.sync="newEvaluateDialog"
    :before-close="handleClose">
    <div>
      <ComponentEnterpriseIndex @cancel="handleCancle"></ComponentEnterpriseIndex>
    </div>
  </el-dialog>
</div>

在ComponentEnterpriseIndex页面写的子弹窗弹出页面时会出现页面变灰

    <!--    不能为空弹窗-->
    <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>

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