对导航栏标题进行修改，直接使用就可以uni.setNavigationBarTitle({title:"标题名称"});动态修改标题名称，数据可能是从上一个页面传递过来的，直接在onLoad页面周期函数中使用onLoad(props){ console.log(props,"onLoad");//获取上一个页面传递的数据 if(props?.title){consttitleType=props.title;letbarTitle="预约会议";switch(titleType){case"order":barTitle='预约会议';break;case"create":barTitle='
需求背景使用uni-app开发h5应用有时需要排查线上发生的问题。npm安装好vconsole后：npminstallvconsole会在H5页面上一直显示VConsole的开关，关闭需要注掉代码后重新打包发布，比较繁琐且不够灵活。解决方案方法比较简单，就是增加一个参数例如debug来控制调试面板的初始化，接收并在本地缓存参数动态控制调试模式的启停用，缺省时默认不开启。App.vue文件中增加引用：importvconsolefrom'vconsole';程序启动回调函数onLaunch中增加判断：onLaunch:function(e){ if(e.query.debug){ if(e.q
需求背景使用uni-app开发h5应用有时需要排查线上发生的问题。npm安装好vconsole后：npminstallvconsole会在H5页面上一直显示VConsole的开关，关闭需要注掉代码后重新打包发布，比较繁琐且不够灵活。解决方案方法比较简单，就是增加一个参数例如debug来控制调试面板的初始化，接收并在本地缓存参数动态控制调试模式的启停用，缺省时默认不开启。App.vue文件中增加引用：importvconsolefrom'vconsole';程序启动回调函数onLaunch中增加判断：onLaunch:function(e){ if(e.query.debug){ if(e.q
小程序工具提示vendor.js过大，已经跳过es6向es5转换。这个转换问题本身不用理会，因为vendor.js已经是es5的了。关于体积控制，参考如下：使用运行时代码压缩HBuilderX创建的项目勾选运行–>运行到小程序模拟器–>运行时是否压缩代码cli创建的项目可以在package.json中添加参数–minimize，示例：“dev:mp-weixin”:“cross-envNODE_ENV=developmentUNI_PLATFORM=mp-weixinvue-cli-serviceuni-build--watch--minimize”分包优化subPackages里的pages
要在uniapp中使用路由守卫，uniapp原生的api是比较欠缺的，所以要用‘uni-simple-router’插件包安装 //项目根目录执行命令行npminstalluni-simple-router//根据pages.json总的页面，自动构建路由表npminstalluni-read-pages配置vue.config.js注：如果根目录没有vue.config.js文件，要手动创建//vue.config.jsconstTransformPages=require('uni-read-pages')const{webpack}=newTransformPages()module.e
要在uniapp中使用路由守卫，uniapp原生的api是比较欠缺的，所以要用‘uni-simple-router’插件包安装 //项目根目录执行命令行npminstalluni-simple-router//根据pages.json总的页面，自动构建路由表npminstalluni-read-pages配置vue.config.js注：如果根目录没有vue.config.js文件，要手动创建//vue.config.jsconstTransformPages=require('uni-read-pages')const{webpack}=newTransformPages()module.e
欢迎关注b站：小淼前端有更多的视频讲解+源代码可领取哦~欢迎关注b站：小淼前端有更多的视频讲解+源代码可领取哦~目录前端与后端（云端）分离实现数据库的操作1.使用云函数来操作数据库2.使用云对象来操作数据库前端与后端（云端）结合实现客户端操作数据库3.使用DBSchema结构规范实现客户端对数据库的操作 欢迎大家关注：b站：小淼前端我会不定时的更新教程哦~前端与后端（云端）分离实现数据库的操作1.使用云函数来操作数据库第一步：创建一个云函数并部署第二部：在云函数中写入数据库的操作代码：constdb=uniCloud.database();exports.main=async(event,co
文章目录前言一、工程准备二、使用步骤1.在项目目录中新建一个store目录，并且新建一个index.js文件2.配置main.js文件3.在自定义组件中引用4、效果前言在uni-app中使用vue3进行store的全局数据共享，网上文章太杂了，记录一下自己写的一个最简单易懂的例子，以供自己后面需要用到时候可以最直观的知道到底怎么实现一、工程准备二、使用步骤1.在项目目录中新建一个store目录，并且新建一个index.js文件在index.js中写入代码如下（示例）：uni-app好像内置vuex，不需要额外下载，如果记错了的话就得先去下载好import{createStore}from'vu
图文详解uni-appPC端宽屏适配方案随着互联网的发展，iOS、Android、H5以及各种小程序快应用层出不穷，随之而来的问题就是如何用一套代码，适配多个平台，其中uni-app表现优异，已经实现了手机端全覆盖，支持iOS、Android、H5、微信小程序、阿里小程序、百度小程序、字节跳动小程序、QQ小程序、快应用、360小程序，并且在各端均有优异的运行性能。并且从2.9版本起，uni-app进一步提供了PC等宽屏的适配方案，完成了大统一。具体怎么用，我们下面用一个简单的案列让大家直观感受：比如现在的需求是，一个列表卡片，点击卡片进入卡片详情页，在小程序，ios,Android,以及h5上
uni-app入门学习以下内容仅作为个人的学习总结uni-app介绍uni-app是一个开发前端应用的框架，写一套代码，可发布到多种平台。运行uni-app项目需要安装hbuliderX前端开发工具。下载地址HBuilderX工具下载地址下载完HBuilder后，解压压缩包，找到HBuilder.exe，右键-点击发送到桌面即可创建桌面快捷方式。HBuilder注册账户、获取APPid这一步是为了让uniapp运行到微信小程序。点击上图红色箭头，在如下界面注册一个账户，登录。创建Project在HBuilder界面，点击file-new-project，见下图。上述操作后，在左侧栏选择unia
