uniapp H5开发 如何将page加载到 app容器以外的地方
归属分类: 前端开发 评论数: 0 个

突发奇想,不喜勿喷

uniapp的pages加载后会存储在 window.__uniRoutes 中

window.__uniRoutes = [
    {
        path:'/pages/index/index',
        component: {setup: ƒ},
        oader: ()=> {…},
        meta: {enablePullDownRefresh: false, navigationBar: {…}, isNVue: false, route: "pages/index/index"}
    },
    ....
]

如果想要将page渲染到页面上,只需要

import {
    createApp
} from 'vue';

p=window.__uniRoutes[0];
p.loader().then(re=>{
    delete re['setup'];
    var app = createApp(re);
    app.mount(document.getElementById('div1'));
})