小程序开发遇到的坑及解决

1,第三方组件样式修改:

  以iview webapp为例,不能直接通过其class的类名直接修改组件样式,可通过i-class来给组件添加类名,通过i-class来修改样式。

<i-page i-class="ipage" current="{{ page }}" total="{{ total }}" bind:change="handleChange">
   <view slot="prev">
        <i-icon type="return"></i-icon>
          上一页
       </view>
       <view slot="next">
          下一页
       <i-icon type="enter"></i-icon>
   </view>
</i-page>
<style>
.ipage{
  height: 64px!important;
}
</style>

2,使用wepy时,异步更新数据,手动刷新dom的时候需要使用this.$apply()

3,当需要循环渲染WePY组件时(类似于通过wx:for循环渲染原生的wxml标签),必须使用WePY定义的辅助标签<repeat>

 <!-- 注意,使用for属性,而不是使用wx:for属性 -->
    <repeat for="{{list}}" key="index" index="index" item="item">
    </repeat>

 

4,小程序语音功能,通过同声传译插件

https://developers.weixin.qq.com/community/develop/doc/0004aa70d609e099c1d671b2a56009

5,帮助文档通过web-view组件展示

6,地图上绘制多边形和点直接使用map组件相应的能力

7,转发功能:

wx.showShareMenu({
   withShareTicket: true
})

8,主动获取位置授权:

https://developers.weixin.qq.com/community/develop/doc/000cea2305cc5047af5733de751008

<button bindtap="openSetting">打开设置页</button>  openSetting() {  wx.openSetting()}

  

原文地址:https://www.cnblogs.com/liuwei54/p/10906002.html

时间: 2024-10-10 22:16:18

小程序开发遇到的坑及解决的相关文章

微信小程序开发问题踩坑整理,web-view、openID、小程序支付等汇总

微信小程序开发过程中遇到的问题踩坑整理,内容包括web-view.openID.小程序支付.网络请求等等一系列问题汇总,希望对大家能有一定帮助和启发. 内容如下: 关于小程序web-view bindmessage 真机不触发的问题 小程序iOS访问服务器访问不上,但android没有问题 关于ssl证书加密后小程序访问出错问题 微信拨打电话数据调用问题,如何一键拨号 后台php调用微信小程序接口获取openid,返回的是null 小程序图片显示问题,开发者工具显示,手机预览不显示 微信小程序支

2018微信小程序开发遇到的坑

第一个坑:wx.showModal(OBJECT) wx.showModal在安卓手机里,如果点击遮罩的话会关闭弹窗,不会有任何回调.而苹果的情况下则是点击遮罩不会有任何反应. 这样会有什么问题呢? 比如我有一个A界面是登录后才能访问的,在进入A界面后如果发现并没有登录的话则会弹窗要求再次授权,这时取消返回首页,确定再次授权,授权后访问A界面. 那么问题来了,如果我点击了遮罩没有任何回调的话则停留在了一个白屏的A界面-- 查了查官方有很多人有反应过这个安卓和苹果的区别.但是官方的回复是设计如此-

初学微信小程序开发—文件解析错误的解决办法

今天是我学习小程序第二天,当我正在调试新增页面时,发现这个错误: 提示为:文件解析错误  SyntaxError: Unexpected end of JSON input 一开始以为我用错标点符号之类的错误,后来百度发现,是因为这里面空的 解决办法非常简单,看图中步骤:找到即将跳转的路径,然后在左侧找到对应的文件(以本案例为例,找到weekly.json) 补上一个大括号就行了,也就是即将跳转的.json文件不能为空 第一次写博客,很新奇 原文地址:https://www.cnblogs.co

钉钉小程序开发的所有坑

钉钉小程序的坑!!!1.发送get请求的时候出现中文的话,一定要在服务端用@RequestParam("参数名")接收 2.发送json字符串按正常操作pc端上的手机发送是正常的json格式,一旦手机发送就是传统name=ssss&xx=haha这个格式 贼他妈烦最后用了上面的方法,将需要发送json字符串放进一个 var body = { name: _this.name, number: _this.number, note: _this.note, headUrl: _t

钉钉小程序开发一则趟坑日记(js写不顺溜导致的)_js里的作用域

其实本文没有存在的必要,写js的时候要注意this关键字.在代码有多个层级时最里层方法里的this是代表方法本身,不是代表当前页面.这个不是当前页面范围内是同一对象. 所以刚看到上面的写法的时候很好奇,慢慢才理解为什么这么写. 没学过js,依样画葫芦也做了回钉钉小程序.目前已上线. 原文地址:https://www.cnblogs.com/datacool/p/12349623.html

小程序开发mpvue-entry掘坑记

问题 根据F-loat/mpvue-quickstart官方提示步骤,当进行到如图所示最后一步的编译时,出现错误了!? 部分错误截图如下: 未完待续...... 引用 https://github.com/F-loat/mpvue-quickstart 原文地址:http://blog.51cto.com/zhuxianzhong/2352702

微信小程序开发《三》:微信小程序请求不能使用session的原因及解决办法

本人在前面的微信小程序开发<二>中提到要想在服务端保持状态需要在客户端第一次请求服务器的时候给客户端返回一个sessionid,由客户端在本地保存,下次请求的时候在header里面带上这个sessionid,写到cookie字段里.但是最近发现请求时哪怕每次在header里带上sessionid还是不能拿到同一个session,百度后终于发现坑了(也不知道微信为啥要这么做),原来微信对wx.request这个API做了修改,小程序发起的请求并不是直接请求我们的后台服务器,而是先通过微信的服务器

微信小程序开发——点击按钮获取用户授权没反应或反应很慢的解决方法

异常描述: 点击按钮获取用户手机号码,有的时候会出现点击无反应或很久之后才弹出用户授权获取手机号码的弹窗,这种情况下,也会出现点击穿透的问题(详见:微信小程序开发——连续快速点击按钮调用小程序api返回后仍然自动重新调用的异常处理) 异常解析: 1. getPhoneNumber的使用: 对于 getPhoneNumber(OBJECT) API,由于小程序需要用户主动触发才能发起获取手机号接口,所以该功能不由 API 来调用,需用 <button> 组件的点击来触发(具体使用方法详见getP

微信小程序开发常见坑

前段时间稍微涉猎了微信小程序开发,踩了一些坑,在此总结出来,希望能为小伙伴们提供一点帮助. 页面跳转 对于页面跳转,可能习惯性想到wx.navigateTo,但是在跳转到目标页面是一个tab时,此接口就不起作用了,但也不会报出任何错误.此时应使用wx.switchTab,详见链接描述 区分几种导航接口:wx.navigateTo是保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面.wx.redirectTo关闭当前页面,跳转到应用内的某个页面.wx.reLa