el-dialog组件 初始化找不到div

在使用ElementUI的时候，里面有个弹窗el-dialog组件的时候会有用到:visible.sync

 

el-dialog组件中一般都是卸载body中，，更换一下，写在slot="footer"中  这样初始的花就能找到footer中的值

 
<el-dialog
  title="提示"
  :visible.sync="centerDialogVisible"
  width="30%"
  center>
  <span>需要注意的是内容是默认不居中的</span>
  <span slot="footer" class="dialog-footer">
    <el-button @click="centerDialogVisible = false">取 消</el-button>
    <el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
  </span>
</el-dialog>