如果一個彈窗比較簡單,可以直接放在頁面中,通過visible屬性的true,false控制顯示隱藏就可以了,我們今天要說的是將個比較復雜的彈窗組件封裝成全局組件,然后可以在項目中的任何一個頁面引用~~下面走起
1.首先要注冊個全局組件,用下面的全局API Vue.component('my-component', { /* ... */ })
在js文件中首先引入這個彈窗組件,組件名稱是iesPersonRadioDialog,項目中會引入一個js文件,這個js文件中在分別引入其他的js,模塊化開發嘛,哈哈哈~~
我們都知道,vue中如果想引入插件,可以用Vue.use(XXX),當然這個XXX要有個install方法才可以。。可以去查文檔~~
2.寫這個公共組件的頁面(很多內容被我折疊收起了。。。)
3.在其他頁面調用這個彈窗
至此,大功告成~~