微信小程序遇到的问题与解决方法

1、wx.uploadFile上传图片,控制台抛出错误"uploadFile:fail Error:Hostname/IP doesn't match certificate's altnames:"Host:......""。


解答:服务器域名解析不正确,上传地址不是被解析的域名地址。

2、wx.request() 怎么设置成同步?

解答:reqeust是发起网络请求。没有同步接口。


3、体验者使用的是Android手机在体验版生成二维码并扫码后点击“前往体验版”没有任何反应。

解答:微信版本更新至6.5.2版本,版本过低导致。


4、iphone 6.5.3 在ScrollView中即使如下设置,每次进页面输入框还是会获取焦点,弹出输入法。

<input class="input" placeholder="限30个字" bindinput="bindKeyInput" focus="false" auto-focus="false"/>

解答:不要加“auto-focus="false" ,这样来控制focus={{isFocus}}就好了。

 <input class="input" placeholder="限30个字" bindinput="bindKeyInput" focus="{{isFocus}}"/>


5、最新mac版工具不能使用 ,进入页面就出现获取appservice 失败。

解答:工具设置中设置直接链接网络或者系统中的代理软件选择工具直接链接网络。


6、小程序统一下单的时,返回错误:“您没有原生支付权限”。

解答:trade_type 需要使用 JSAPI。


7、安卓手机请求报错fail ssl hand shake error 。

解答:因为你的SSL证书不是认证机构颁发的,去阿里云,腾讯云申请免费证书替换服务器上的绑定证书即可。


8、微信小程序怎么动态获取文字宽高?

解答:无法获取,需要自己计算。


9、通讯域名绑定之后是否还能更改吗?可以直接绑定IP地址吗?

解答:一个月可以修改三次,管理员后台可以设置且一次可以添加多个。


10、请问怎么清空input 组件的内容?

解答:目前只有此种方法能够清空:button form-type="form-reset"。


 这种错误多半是该js文件中没有Page这个方法,就算是空的js也必须要把Page({ })写上去 


这种错误多半是该json文件没有内容,所以必须要加上{ },就算是空内容也要加上{ }。

 补一句:小程序里json文件中不允许有注释不然会报错。

这个错误就很明显了。小程序中的背景图片不能使用本地的路径,要么使用在服务器上的图片路径,要么编码成base64位。

 image标签才可以使用本地路径。

14、点击view之后,获取该view的text值 

   这个的解决办法就是:把view的text值放在data数据里面,然后点击事件触发的时候就获取对应data的数据

15、获取input输入框的值:

  给input绑定事件:bindinput= ' code (自定义事件名称)',

  然后在page里面:

code:function(e){

    vartxt= e.detail.value//这个txt就是监听到的值

}

16、给每个单独的页面设置顶部导航栏的效果:

  在需要设置顶部导航栏的页面的json文件中写下配置导航栏的代码:

{

    "backgroundTextStyle": "light",

    "navigationBarBackgroundColor": "#C79C77",

    "navigationBarTitleText": "忘记密码",

    "navigationBarTextStyle": "white"}

  注意:不要写成这样哦:

{

    "window": {

          "backgroundTextStyle": "light",

        "navigationBarBackgroundColor": "#C79C77",

        "navigationBarTitleText": "忘记密码",

        "navigationBarTextStyle": "white"    }

}

  这样是不行的,要去掉window才可以。如果不配置的话就默认使用app.json里面的导航栏配置。

17、动态修改元素的css样式:

<view style='color:{{bg}}'></view>

 bg是在page的data里面申明的颜色

data: {

    bg:""}

 然后在某个事件触发的时候setData该值就能动态修改了,比如触发名称为tap的事件:

tap:function(){

    this.setData({

        bg:"skyblue"    })

}

在wx:for={{}}后面加上wx:key=""可消除警告

19、小程序里的text标签,使用换行的时候出现的问题:

<text>合计:

    <text>¥666666</text>

</text>

上面的写法和下面的写法是不一样的

<text>合计:<text>¥666666</text></text>

  这就很奇怪了,在HTML中,这不是一样的吗。。。反正在微信小程序里,如果text标签后面有换行,显示的时候也会把换行自动加进去,和HTML中的不一样。

20、小程序中的textarea,有个auto-height属性,自增高,本来挺好的属性,但是有一点小问题

<textarea placeholder='请输入留言内容' auto-height="true" show-confirm-bar="false"></textarea>

就是当文字在第二行时,并不会自动增加高度,只会出现滚动条。只有在第三行出现时才自增高度

这种情况多半是在该json文件里面的最后一个json数据多了一个“,”逗号。例如:

{

    "navigationBarTitleText": "地址修改",

}

22、在使用setData动态修改数据的时候,如果出现数据修改了,在调试器的AppData里面数据也在同时变化,但是就是页面渲染不了数据,即总是显示不出来

  这种情况多半是setData设置的数据是某个数据里的子数据,不是根数据点;例如:

  data里面的某个数据swiperList

swiperList:[{ //每个导航栏商品数据

            pid:0,

            adSrc:"../../public/img/index/idx-ad.png",

            //当前导航栏所有的商品数据

            GoodsList: [{         

                Gid:0,

                imgSrc: "../../public/img/order/order-img.png",

                Gname: "联联想联想联想联想",

                GnewPrice: "1",

                GoldPrice: "111",

                Gtip: "促销",

                GtipContent: "显示折扣8.8折,最后两小时",

                Gnum: "0"

            }, {         

                Gid: 11,

                imgSrc: "../../public/img/order/order-img.png",

                Gname: "联联想联想联想联想",

                GnewPrice: "2",

                GoldPrice: "222",

                Gtip: "促销",

                GtipContent: "显示折扣8.8折,最后两小时",

                Gnum: "0"

            }],

        }]

我要动态修改里面GoodsList的值,最初我使用动态修改子数据点

var goods = this.data.swiperList[page].GoodsList[idx];

var num = goods.Gnum;//当前商品原来的数量       

num--;

goods.Gnum = num;//修改增加后的商品数量

this.setData({

    goods: goods, //修改商品的数量

})

这样修改之后,值是修改了,但是就是渲染不出来。最后修改为根数据点就正常了。

this.setData({

    swiperList: this.data.swiperList, //修改商品的数量})

这个是小程序获取设置权限的时候得到的一个对象,我想获取里面scope.userLocation的布尔值,最初我以为对象都是可以用“.”来进行操作的,但是这样不行,只有通过下面这种方式。

  res.authSetting["scope.userLocation"],这样就能获取到需要的布尔值了。因为读取对象的属性,有两种方法,一种是使用点运算符,还有一种是使用方括号运算符,如果key值为数字也用方括号运算符。

情景再现:

(1) 我自定义了一个myLoading的函数,然后通过某个事件需要调用该函数

25、scroll-view组件 

水平滚动使用方法:

(1) scroll-view的css需要设置white-space:nowrap;这个属性。还有需要设置scroll-x 

(2) scroll-view的子集需要设置display:inline-block

 垂直滚动使用方法:需要给scroll-view一个固定高度

通用说明:

(1) scroll-top,scroll-left是指定滚动条滚动到设置的位置,不带单位,就一个数值。

(2) scroll-left是水平滚动的时候用的,scroll-top是垂直滚动的时候用的。它们的值可以是动态的,也就是可以通过setData来动态设置数值。

(3) scroll-with-animation 是水平或者垂直滚动时的动画效果,如果没有这个属性,当设置scroll-top,scroll-left的值的时候,就是直接跳转到指定位置,并没有滑到指定位置的动画效果。

方法:在 app.json中设置tabar属性

"tabBar": {

    "color": "#333",

    "selectedColor": "#972524",

    "backgroundColor": "#fff",

    "list": [

        {

            "pagePath": "pages/index/index",

            "iconPath": "/public/img/index/idx-k.png",

            "selectedIconPath": "/public/img/index/idx-s.png",

            "text": "首页"

        },

        {

            "pagePath": "pages/examNewsIfo/examNewsIfo",

            "iconPath": "/public/img/index/zx-k.png",

            "selectedIconPath": "/public/img/index/zx-s.png",

            "text": "招考资讯"

        },

        {

            "pagePath": "pages/startCourseList/startCourseList",

            "iconPath": "/public/img/index/kb-k.png",

            "selectedIconPath": "/public/img/index/kb-s.png",

            "text": "近期开班"

        },

        {

            "pagePath": "pages/myCenter/myCenter",

            "iconPath": "/public/img/index/my-k.png",

            "selectedIconPath": "/public/img/index/my-s.png",

            "text": "我的"

        }]

    }

(1) color 是未选中的颜色,selectedColor是选中的颜色,background是每个tab的背景色

(2) list是tab底部导航栏的信息,pagePath是页面路径,iconPath是未选中时的图标路径,selectedIconPath是选中时的图标路径,text是文字内容

(3) 如果有其它的 navigator 组件要跳转到tabBar所在的页面,需要设置 navigator 的 open-type='switchTab'

(4) 如果是通过api跳转的,则需要调用 wx.switchTab  这个api

(5) 可以动态设置tabBar的内容,具体的介绍 可看官网文档:界面------》设置tabBar

(6) taBar的图标大小是不能改的,如果想图片显示小一点,可以把图片的画布修改大一点,内容部分修改小一点就行了

27、微信小程序的分享功能,实际上就是 转发 

详细说明请看官方文档:开放接口------》转发

第一种用法是: 

onShareAppMessage这个方法在每个页面 js 中 page里面,这个函数需要return一个对象,如果不设置这个函数,那么右上角的···则没有转发这个功能。

返回的对象有三个值:

title:这是转发的标题。默认值是当前小程序的名称

path:这是转发路径。默认值是当前页面,如果自己设定则是以 / 开头的完整路径:例如: /pages/index/index      就是 pages文件夹 下面 index文件夹 里的 index.wxml

imageUrl:自定义图片路径,可以是本地文件路径、代码包文件路径或者网络图片路径。支持PNG及JPG。显示图片长宽比是 5:4。默认值是当前页面的截图

第二种用法是:

buttion 这个组件,添加  open-type="share" 属性 ,点击button的时候就能触发 onShareAppMessage 这个函数,当然,如果没定义这个函数,那么就没作用。


注意:没有网上说的 desc 这个属性。估计是改版了的原因。  

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,902评论 5 468
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,037评论 2 377
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,978评论 0 332
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,867评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,763评论 5 360
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,104评论 1 277
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,565评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,236评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,379评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,313评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,363评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,034评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,637评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,719评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,952评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,371评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,948评论 2 341

推荐阅读更多精彩内容