element-ui dialog组件bug 解决

我也是醉了...

bug

code

<!-- dialog -->
<el-dialog title="收货地址" :visible="showDialog">
    <el-form :model="currentFolder">
        <el-input v-model="currentFolder.name" placeholder="重命名文件夹"></el-input>
    </el-form>
    <div slot="footer" class="dialog-footer">
        <el-button @click="showDialog = false" round>取 消</el-button>
        <el-button type="danger" round @click="deleteFolder">删 除</el-button>
        <el-button type="primary" round @click="showDialog = false">确 定</el-button>
    </div>
</el-dialog>

一顿百度之后....

<!-- dialog -->
<el-dialog title="收货地址" :visible="showDialog" :modal-append-to-body="false">
    <el-form :model="currentFolder">
        <el-input v-model="currentFolder.name" placeholder="重命名文件夹"></el-input>
    </el-form>
    <div slot="footer" class="dialog-footer">
        <el-button @click="showDialog = false" round>取 消</el-button>
        <el-button type="danger" round @click="deleteFolder">删 除</el-button>
        <el-button type="primary" round @click="showDialog = false">确 定</el-button>
    </div>
</el-dialog>

为什么还会有这种选项？谁家dialog内容在遮罩下面？