vue 删除弹窗问题。

点击删除弹窗

img


为什么我这个是这种遮了一层的

                   <el-button
                type="danger"
                icon="el-icon-delete"
                class="red"
                title="删除"
                circle
               @click="delVisible=true"
              ></el-button>
              <!-- 删除提示框 -->
              <el-dialog
                title="提示"
                :visible.sync="delVisible"
                width="300px"
                center
              >
                <div class="del-dialog-cnt">删除不可恢复，是否确定删除？</div>
                <span slot="footer" class="dialog-footer">
                  <el-button type="primary" @click="del(scope.row)"
                    >确定</el-button>
                  <el-button @click="delVisible = false">取 消</el-button>
                </span>
              </el-dialog>

遮罩层 可以去掉 吧/api里应该有 。
moddal:false

img