使用element的dialog弹窗的时候
<el-dialog
:title="title"
:visible.sync="dialogVisible"
width="68vw"
>
<Info></Info>
</el-dialog>
这样样式比较美观好看 而且也好控制
但是如果你是在列表页使用 根据每次传入的id不同获取不同的数据的时候,你会发现只有在第一次使用的时候才能调用接口
修改的办法也很简单,在dialog层加一个v-if判定
<el-dialog
:title="title"
v-if="dialogVisible"
:visible.sync="dialogVisible"
width="68vw"
>
<Info></Info>
</el-dialog>
详细原因请查看vue官网文档:https://cn.vuejs.org/v2/guide/conditional.html#v-if-vs-v-show