ElementUI------Dialog鼠标闪现问题

在用ElementUI中Dialog时，犯了几次错误，为了避免下次出错，要牢记，牢记，这个小问题。

<div>
	<el-button type="text" @click="dialogTableVisible = true">打开嵌套表格的 Dialog</el-button>

<el-dialog title="收货地址" :visible.sync="dialogTableVisible">
  <el-table :data="gridData">
    <el-table-column property="date" label="日期" width="150"></el-table-column>
    <el-table-column property="name" label="姓名" width="200"></el-table-column>
    <el-table-column property="address" label="地址"></el-table-column>
  </el-table>
</el-dialog>
</div>

按照官方写法引用时，总会出现各种问题，样式调整复杂、弹出框闪现等小问题，这时你会核对官方内容，发现自己的内容没有问题，为什么会出错，顿时有种怀疑人生的感觉！！！！但是你细心观察会发现问题！！

<el-button type="text" @click="dialogTableVisible = true">打开嵌套表格的 Dialog</el-button>

<el-dialog title="收货地址" :visible.sync="dialogTableVisible">
  <el-table :data="gridData">
    <el-table-column property="date" label="日期" width="150"></el-table-column>
    <el-table-column property="name" label="姓名" width="200"></el-table-column>
    <el-table-column property="address" label="地址"></el-table-column>
  </el-table>
</el-dialog>

每次运用时都想通过一个div来控制按钮和对话框，然而这个el-dialog和我们要写的button或者div之类的放在一起就会出错，把它（el-dialog）放在div外面，就什么问题都解决啦，虽然只是一个div，但是它会让你的整个人都爆炸。所以小朋友，下次要记住啦！！