uniapp全局自定义弹窗思路总结

整体来说推荐第四种nvue实现;
1.(适用于web,app不行)↓↓

// import PublicPopup from "@/pages/popup/PublicPopup.vue"
// import gloPopup from "@/utils/gloPopup.js"

Vue.use(uView);
 Vue.use(gloPopup)

Vue.config.productionTip = false

 let componetsBox= Vue.component('public-popup',PublicPopup)


App.mpType = 'app'

const app = new Vue({
    ...App,
	store
})
app.$mount()

//在 app.$mount()下添加
document.body.appendChild(new componetsBox().$mount().$el)

2. subnvue

  1. 每个页面都有顶部导航栏,直接在公共顶部导航栏组件中加入弹窗组件 (还没有试过,算个思路)

4. 例子nvue实现(推荐!!!app√)
缺点:ipad上横屏底部留白
留白问题解决↓

在跳转时:
uni.navigateTo({
				url: "../popup/index",
				animationType:"none"//加上,完美解决底部留白
			})

具体实现:
新建 index.nvue【你想要的弹框组件】




                    
                    

你可能感兴趣的:(uni-app,uni-app,javascript,vue.js)