普通组件使用方法直接在页面中写
标签,在页面内可以写内容。内容也可以自定义标签引入。下面是两种方式引入内容
第一种,直接在Modal标签内写内容
普通组件使用方法 //自定义内容
第二种,在Modal标签内引入自定义组件
一、实例化使用方法//使用自定义组件
实例化使用方法也分为两种,一种是直接在render函数内直接写Html标签进行页面渲染,另一种是render函数内写自定义的组件进行渲染
第一种
第二种
三、二级弹窗
有的业务场景需要使用到二级弹窗,即弹窗中再弹窗。在使用二级弹窗的时候。第一个弹窗实例化和普通组件两种方式都可以使用,第二个弹窗的时候只能使用第一种普通组件使用的方式才行,否则会进行覆盖弹窗。
Helloworld.vue
FirstModal.vue
第一个窗口
SecondModal.vue
我是第二个窗口
效果如下图
二级弹窗.png
作者:不爱编程的程序员
链接:https://www.jianshu.com/p/29eb1447eed2



