开发微信小程序 中遇到的坑 及解决方法
1、wx.request 只能访问 https
解决: 新建项目 不填appid 即可访问 localhost
2、页面中多重三元表达式 解析有问题
解决:
1 2 3 4 5 6 7 | <!--{{index}} {{(index==0)?"A": (index==1)?"B": (index==2)?"C":"D"}}--> < block wx:if="{{index==0}}">A</ block > < block wx:elif="{{index==1}}">B</ block > < block wx:elif="{{index==2}}">C</ block > < block wx:else="{{index==3}}">D</ block > |
3、Page({data:{}}) 页面里 data 的值 可以通过 that.setData 设置 但是 怎么直接取出来 在 js 里面用呢
解决: 在page 之外定义全局变量 和page 内的data中的变量 一一对应 每次 赋初始值或者更改 先给全局变量赋值或者 做更改 然后把 更新后的全局变量赋值给 page 内 data 中 对应的变量 代码如下
var app=getApp(); var globalTestPaperID="", globalTestPaperTitle="", globalTestPaperNum="", globalQuestionList=[], globalQuestionIndex=0, globalQuestion={}, // globalAnswerList={}, globalUserSelectAnswer={}, golbalUserSelectAnswerContent="" Page({ data:{ testPaperID:"", testPaperTitle:"", testPaperNum:"", questionListSize:0, questionIndex:0, question:{}, answerList:{}, userSelectAnswerContent:"" }, onReady:function(){}, onLoad:function(query) { var that=this; console.log("testPaperTitle-->"+query.testPaperTitle); console.log("testPaperID-->"+query.testPaperID); console.log("testPaperOrderNum-->"+query.testPaperOrderNum); globalTestPaperID=query.testPaperID globalTestPaperTitle=query.testPaperTitle globalTestPaperNum=query.testPaperOrderNum that.setData({ // testPaperID:query.testPaperID, // testPaperTitle:query.testPaperTitle, // testPaperNum:query.testPaperOrderNum testPaperID:globalTestPaperID, testPaperTitle:globalTestPaperTitle, testPaperNum:globalTestPaperNum }),
4、关于布局 最好都用 flex 去布局
布局时的 尺寸 我用的是 px 和ps 里的设计图有差距 如果ps 里字号是 30px 小程序对应的大概是 15px; 其他单位 如 rpx rem 等 暂未做测试
5、form表单提交(发送模板消息),formId返回 the formId is a mock one;代码中绑定了appid
解决。在开发工具中无法获取这个formId,只能在手机上获取。(群里聊天搜集来的 待验证)
6、图片上传
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律