vue的弹窗简单实例

先配置一个dialog页面,代码如下




      
{{cancelText}}
{{dangerText}}
        
在需要计入弹窗的页面中引入页面组件 并进行配置 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190822161010581.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU4NTA2Ng==,size_16,color_FFFFFF,t_70) 在图片添加点击事件 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190822161023955.png) 引用的组件放在整个div的上面 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190822161029405.png) 就可以实现页面的弹窗了

你可能感兴趣的:(vue,前端)