关于vue弹窗自定义

有关后台管理等多个弹窗效果的话写在一个页面里太过繁琐了、这里就需要进行页面的封装调用

1. 首先就是创建页面、建议写在同一文件夹、我在这里写的是新增、详情、修改的、具体路径可自定义

2. 在主页面引入弹窗、需要把组件暴露出来、不然无法使用

v-if使用的是data里面定义的visible,refresh则是使用后的刷新效果(传入的是列表方法)、value则是传到弹框页面里的参数

3. 具体主页代码、可借鉴

4. 弹框内容根据详情自动渲染、在主页面已经很据form表单传出、现在需要在子页面进行获取，然后根据form表单特性自动赋值。首先是用props接受，再在created进行获取、此时this.form就是传过来的参数、当然，想要自动赋值详情的话还需要定义data里的form参数和详情的参数一摸一样、比如传过来的是title、form里面也得有title这样才会直接赋值。然后再表单里直接v-modal就可以获取详情的参数.

5. 子页面代码如下，可借鉴使用