草庐IT

uniapp-uView

全部标签

uniapp 小程序 使用 new FormData 报错,is not defined 问题解决(没解决)

newFormData只适用于web端,uniapp小程序不适用,这里当时也卡了一下,随便用个js文件发现其实FormData也使用不了,所以如果要配置formData的格式无法使用FormData,会报FormDataisnotdefined.解决原文原文原文1.安装fly:npminstallflyio2.使用renderjs3.Content-Type:‘application/x-www-form-urlencoded’最终代码:viewclass="nav_title"@click="custom.taskSycn">test/view>//注意renderjs方法的调用custom

uniapp 开发小程序的时候使用自定义 tabbar 时出现切换页面闪烁的情况

问题:在使用自定义组件的时候可以看到页面切换明显的闪烁,这种体验是很不好的,当然最好的方式就是使用原生导航栏,不要搞花里胡哨的东西。来看下体验不好的效果优化调整先说思路,就是仍然设置原生tabbar,在应用启动的时候主动隐藏原生tabbar,然后使用自定义组件来进行位置占位。在page.json里面设置对应的tabbar字段,"tabBar":{"color":"#727477","selectedColor":"#196FFF","borderStyle":"black","backgroundColor":"#FFFFFF","height":"105rpx","fontSize":"20

uniapp 微信小程序跳转至其他小程序

一、背景:需要在目前的小程序中跳转到另一个小程序,跳转的目标小程序需要已经发布上线了二、具体实现使用uni.navigateToMiniProgram打开另一个小程序官网指引👉:uni.navigateToMiniProgram(OBJECT)|uni-app官网 打开美团外卖小程序 exportdefault{ methods:{ gotoMt(){ uni.navigateToMiniProgram({ appId:'',//目标小程序appid path:'',//需要打开的目标路径 extraData:{ 'data1':'test' }

UniApp调试支付宝沙箱(安卓)

先看下这里完整的交互的图:小程序文档-支付宝文档中心一、打包不管怎样,先打个包先。可以直接使用云端证书、云端打包,只需要指定包名即可。二、在支付宝开放平台创建应用这个参考官方的过程就可以了,只要有刚才打的包,就可以提交创建。(登录-支付宝)这里说的只是可以提交创建,但是因为缺少很多材料(比如营业执照等)在正式环境肯定调不通。当然,提交审核大概率也会被打回。三、后端接入-获取订单信息:参考:小程序文档-支付宝文档中心注意上面链接参考代码里面的编码是"GBK",在传值有中文的情况下即使是沙箱都会报“商品订单数据错误”之类的报错,需要改成“UTF-8”。这个页面里还有一个功能是它会帮忙检查产品的准备

uniapp vuecli项目融合[小记]:将多个项目融合,打包成一个小程序/App,拆分多个H5应用

前言:        目前两个uniappvuecli开发的项目【A、B】,新规划的项目C:需要融合项目B80%的功能模块,同时也需要涵盖项目A的所有功能模块。应用需求:        1、新项目C【小程序】可支持切换到应用A/C界面【内部通过初始化、路由跳转实现切换】【因此新项目C考虑基于项目A的工程上开发,git引入项目B】        2、工程A在H5中需要打包成两个应用:A应用、C应用;实现思路:        1、A项目工程上开发新应用C,引入B工程的模块/代码:通过git地址,安装依赖的方式引入B项目;        2、A工程:小程序打包为一个应用[A+C]、H5拆分应用[A/

使用vscode开发uniapp项目常用的辅助插件,提升开发效率

为什么不使用hbuilder开发呢?因为hbuilder对ts和vue3语法支持并不友好,而且代码提示不智能,也不能使用最近很流行的coplit和CodeGeex智能提示,所以就换掉hbulider,使用我们熟悉的vscode开发吧。第一个:uni-helper对于小程序的标签,有解析的能力,不然在vscode里面没有代码提示和解析第二个:uni-create-view (不建议使用了,因为可能会导致一些错误提示什么的乱七八糟的内容,慎用)第三个:uniapp小程序扩展能提示相应的接口文档内容,快速跳转到官网文档地址

关于uniapp的app和uniapp的H5互相通讯实现H5调取app扫码再传入H5(app内嵌H5,webView)

一.h5传值给app1,在h5项目的mian.js中引入//#ifdefH5import'@/common/webview_sdk.js'//#endif//此处需要注意的是如果项目本身要打包成app,记得使用条件编译,否则在app运行时本次引入会报错2.h5页面给app传值部分otherAppMethod(e){            uni.webView.postMessage({               data:{                  action:e               }            })         },3.app页面接收htmljs由于

UniApp开发安卓以及H5实现页面级权限管理,避免用户浏览器直接输入url访问页面

前言:uni-app如何像vue-router中的beforeEach一样实现跳转拦截功能呢?为此uniapp官方提供了专门的API方法 uni.addInterceptor页面级权限管理举个栗子我们发现底部有四个菜单分别是:首页、分类、购物车、我的;按常理来说首页和分类是不需要登陆就能查看的。另外两个则需要先登陆才能查看没登录就默认跳转到登录页面。实现思路:步骤一:在根目录新建文件夹utils>Storage.js(文件夹名字可随意)步骤二:封装本地存储方法函数(直接复制即可亲测有效)//存储key:键data:值exportconstsetStorage=(key,data)=>{ ret

uniapp的nvue与webview的交互

web-view|uni-app官网  html页面  本地网页 .btn{ display:block; margin:20pxauto; padding:5px; background-color:#007aff; border:0; color:#ffffff; height:40px; width:200px; } .btn-red{ background-color:#dd524d; } .desc{ padding:10px; color:#999999; }

uniapp基于Android的酒店民宿客房预订系统的设计与实现 微信小程序

总体上看,Android的民宿预订系统具有注册登录、用户信息、商家信息、民宿客房、预定信息、在线客服等功能模块。以下为几个主要模块简单介绍:注册登录:提供给用户注册登录的页面,完成用户的注册登录功能。个人中心:对个人信息进行更新。民宿客房;用户点击此页面可以查看民宿客房进行预订。预定信息;用户点击此页面可以进行费用支付。商家添加民宿客房信息,查看用户是否支付费用,然后查看客服信息进行回复。 后台管理:管理员可以在用户信息、商家信息、民宿客房、预定信息等进行查询或修改、新增等操作。 前端开发:vue语言:java+python+nodejs+php均支持运行软件:idea/eclipse/vsc