v-if判断控制子组件销毁与创建

今天遇见一个问题，如下gif图

原本点击对应数据的“编辑”按钮时候，应该dialog框中应该出现对应的数据才对，但是目前并没有。
怎么实现？
因为这个dialog框是这个页面的子组件，所以在引用这个子组件的时候，加一条v-if判断，让其属性值等于之前设置好的用于存储dialog框出现与否的数据（布尔值）。
也就是说，dialog出现，值为true，dialog就重新创建；
dialog关闭，值为flase，dialog就销毁。

原理：
v-if意味着条件判断操作，通过它可以进行条件的判断，进行元素的创建或移除处理。
因为之前加载数据的函数我是在created函数中调用的，而其实由于浏览器的加载机制，每次我关闭打开dialog并不是真正地在销毁和创建，也就是说，只会第一次触发created函数中的调用只会请求一次数据，就是第一次点击编辑按钮中获得 的数据不会被移除。
而v-if根据dialog的状态，动态地销毁与创建，也就实现了每次都能调用created中的函数，就获取到了对应的数据。