开发微信小程序 中遇到的坑 及解决方法

时间:2022-09-18 09:38:55

1、wx.request 只能访问 https

  解决: 新建项目  不填appid  即可访问 localhost

2、页面中多重三元表达式  解析有问题

  解决:  

<!--{{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、图片上传

  

开发微信小程序 中遇到的坑 及解决方法的更多相关文章

  1. 微信小程序中显示html富文本的方法

    微信小程序中显示html富文本的方法 使用方法:git地址:https://github.com/icindy/wxParse 一.下载wxParse文件 二.在要引入的页面的js文件中,引入文件 j ...

  2. 开发微信小程序中SSL协议的申请、证书绑定、TLS 版本处理等

    在上篇随笔<基于微信小程序的系统开发准备工作>介绍了开发微信小程序的一些前期的架构设计.技术路线 .工具准备等方面内容,本篇随笔继续这个步骤,逐步介绍我们实际开发过程中对SSL协议的申请及 ...

  3. 微信小程序中获取高度及设备的方法

    由于js中可以采用操纵dom的方法来获取页面元素的高度,可是在微信小程序中不能操纵dom,经过查找之后发现仅仅只有以下几个方法可以获取到高度 wx.getSystemInfoSync().window ...

  4. 微信小程序https发起请求失败的解决方法

    https://blog.csdn.net/yuhui123999/article/details/60572888 https://blog.csdn.net/yuhui123999/article ...

  5. 微信小程序访问豆瓣电影api400错误解决方法

    最近在跟着demo学习微信小程序,却卡在了第一步请求豆瓣电影api上,折腾了很久,代码如下: wx.request({ url : "https://api.douban.com/v2/mo ...

  6. 全栈开发工程师微信小程序-中&lpar;下&rpar;

    全栈开发工程师微信小程序-中(下) 微信小程序视图层 wxml用于描述页面的结构,wxss用于描述页面的样式,组件用于视图的基本组成单元. // 绑定数据 index.wxml <view&gt ...

  7. 全栈开发工程师微信小程序-中&lpar;中&rpar;

    全栈开发工程师微信小程序-中(中) 开放能力 open-data 用于展示微信开放的数据 type 开放数据类型 open-gid 当 type="groupName" 时生效, ...

  8. 全栈开发工程师微信小程序-中

    全栈开发工程师微信小程序-中 多媒体及其他的组件 navigator 页面链接 target 在哪个目标上发生跳转,默认当前小程序,可选值self/miniProgram url 当前小程序内的跳转链 ...

  9. 微信小程序中scroll-view的几个坑

    微信小程序中scroll-view的几个坑 1:设置scroll-x时,却不能横向滚动,因为view是block组件,但是这里用了flex就不能滚动了(想用flex布局,请开启属性enable-fle ...

随机推荐

  1. python 中分支结构(switch)

    可通过字典调用:{1:case1,2:case2}.get(x,lambda *args,**key:)() # 编写一个计算器 # -*- coding=utf-8 -*- def jia(x,y) ...

  2. 搞懂function&lpar;&ast;args&comma;&ast;&ast;kwargs&rpar;

    给出一个例子: def foo(*args,**kwargs): print 'args=',args print 'kwargs=',kwargs print '------------------ ...

  3. Ubuntu中搭建Nginx&plus;PHP环境最简单的方法

    先安装: sudo apt-get install nginx php5-fpm 然后编辑配置文件: sudo gedit /etc/nginx/site-available/default 找到lo ...

  4. 解决android模拟器太大,小屏幕无法完全显示的问题

    http://hi.baidu.com/conanx/blog/item/05479befd6534d03fdfa3cbb.html 安装上Android模拟器之后,开启一个Android 2.2的模 ...

  5. ASP&period;NET - (Session)后台登陆时,判断是不是已经登陆,如果不是,跳转回登陆页

    admin(小写):用户输入的账户. password(小写):用户输入的密码. 1.先将用户名和密码,存储到Session会话中. Session["Admin"] = admi ...

  6. PRINCE2重要性--光环国际培训

    项目的重要性 答:对于当今的组织来说,一个关键的挑战,就是能够成功地平衡以下两个并存的.互相竞争的方面:保持现有的商业运营--盈利能力.服务质量.客户关系.品牌忠实度.生产效率.市场信心等,这些被称为 ...

  7. Git版本回退和撤销修改的区别

    在阅读廖雪峰git教程时,对版本回退和暂存区撤销修改没太看懂,所以自己测试了一下. 版本回退: git reset --hard HEAD 这个命令用于版本回退,就是将已提交的版本覆盖本地工作区的内容 ...

  8. &lbrack;leetcode&rsqb;72&period; Edit Distance 最少编辑步数

    Given two words word1 and word2, find the minimum number of operations required to convert word1 to ...

  9. 玩转TypeScript&lpar;2&rpar; --简单TypeScript类型

    通过TypeScript的Module和Class,TypeScript提供了相对于javaScript更加清晰的代码构造,相较于javaScript的.js满天飞的代码,用TypeScript,你可 ...

  10. mysql 常用option

    [mysql 常用option] --host=host_name, -h host_name Connect to the MySQL server on the given host. --por ...