vue + elementui 中的彈窗組件封裝成公共組件


如果一個彈窗比較簡單,可以直接放在頁面中,通過visible屬性的true,false控制顯示隱藏就可以了,我們今天要說的是將個比較復雜的彈窗組件封裝成全局組件,然后可以在項目中的任何一個頁面引用~~下面走起

1.首先要注冊個全局組件,用下面的全局API  Vue.component('my-component', { /* ... */ })

在js文件中首先引入這個彈窗組件,組件名稱是iesPersonRadioDialog,項目中會引入一個js文件,這個js文件中在分別引入其他的js,模塊化開發嘛,哈哈哈~~

我們都知道,vue中如果想引入插件,可以用Vue.use(XXX),當然這個XXX要有個install方法才可以。。可以去查文檔~~

2.寫這個公共組件的頁面(很多內容被我折疊收起了。。。)

3.在其他頁面調用這個彈窗

 

 至此,大功告成~~

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM