当前位置:网站首页 > Vue.js开发 > 正文

vue2项目换成vue3(vue项目转app)



公司项目,之前的h5(vue.js开发),想着用 uni-app 直接打包生成app。

使用 web-view  嵌入h5页面

pages/index/index.vue

 
  

pages.json

 
  

继续使用 h5 之前自己的导航;

uni-app 内设置 页面 "navigationStyle": "custom";取消原生导航栏

app 页面导航栏会出现塌陷

h5内 title 状态栏的高度 使用原生方式获取

 
  

取消原生导航栏 具体介绍

CSS 变量 | uni-app-x

因为 page/index/index 为应用入口页(即首页)内直接为 webView 导致底部按钮返回键单击无法返回

实现 安卓设置 底部返回键 单击h5页面正常回退 双击退出app

官方文档:

 
  

推荐:香蕉云编 - 创建证书

到此这篇vue2项目换成vue3(vue项目转app)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • vue路由守卫面试题(vue3.0路由守卫)2026-04-06 15:36:05
  • ueditor编辑器网页版(ueditor1.5)2026-04-06 15:36:05
  • ueditor官网下线了(ueditor1.5)2026-04-06 15:36:05
  • pcie5.0速度是多少(pcie 5.0速度)2026-04-06 15:36:05
  • ubuntu18.04源地址(ubuntu修改源地址)2026-04-06 15:36:05
  • vue插槽和组件区别(vue三种插槽的区别)2026-04-06 15:36:05
  • pcie5(pcie5.0和pcie4.0区别)2026-04-06 15:36:05
  • pcie5.0固态硬盘推荐(pcie4.0固态硬盘横评)2026-04-06 15:36:05
  • vue3生命周期钩子函数(vue3生命周期钩子函数有几个)2026-04-06 15:36:05
  • redhat6.10安装教程(redhat6.7安装教程)2026-04-06 15:36:05
  • 全屏图片