码迷,mamicode.com
首页 > 其他好文 > 详细

vue + elementui 中的弹窗组件封装成公共组件

时间:2018-06-05 17:44:22      阅读:3237      评论:0      收藏:0      [点我收藏+]

标签:line   很多   inf   ble   bubuko   文档   lse   其他   简单   

如果一个弹窗比较简单,可以直接放在页面中,通过visible属性的true,false控制显示隐藏就可以了,我们今天要说的是将个比较复杂的弹窗组件封装成全局组件,然后可以在项目中的任何一个页面引用~~下面走起

1.首先要注册个全局组件,用下面的全局API  Vue.component(‘my-component‘, { /* ... */ })

技术分享图片

在js文件中首先引入这个弹窗组件,组件名称是iesPersonRadioDialog,项目中会引入一个js文件,这个js文件中在分别引入其他的js,模块化开发嘛,哈哈哈~~

我们都知道,vue中如果想引入插件,可以用Vue.use(XXX),当然这个XXX要有个install方法才可以。。可以去查文档~~

2.写这个公共组件的页面(很多内容被我折叠收起了。。。)

技术分享图片

3.在其他页面调用这个弹窗

技术分享图片

 

 至此,大功告成~~

 

vue + elementui 中的弹窗组件封装成公共组件

标签:line   很多   inf   ble   bubuko   文档   lse   其他   简单   

原文地址:https://www.cnblogs.com/missshuanger/p/9140832.html

(3)
(3)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!