小程序你不知道的事

1 阻止事件冒泡
正常事件绑定使用的是bindtap,使用catchtap事件替换bindtap

2 更改radio的大小
radio组件的时候,设置width和height后不生效,设置transform:scale(0.5)

3 scroll-y
scroll-y无论为true或false都无效,都会滚动,设置scroll-y="{{some}}” 有效

4 获取text组件文本值

   e.detail.text

5 跳转到另一个小程序必须关联同一个公众号,并且在jon文件里面配置appId

6 data-属性会将大写转为小写,itemId 会变为itemid

<view data-itemId></view>   
var itemid= event.currentTarget.dataset.itemid

7 小程序textarea组件字数限制问题
maxlength设置为-1 <textarea maxlength='-1'></textarea>

8 scroll-view 中不能使用 textarea 组件
很奇怪的出现比如placeholder错位

9 设置背景图片的时候,不能用本地图片,会导致无法加载
使用网络地址图片设置 background: url('https://some.png' ) no-repeat center

10 页面跳转url传参,对象数据过长问题
当对象数据长度过大时会报错,因为url传参时程序把过长的那段数据给截取掉了,导致数据转换回来时格式不对而报错。
可以使用

var pages = getCurrentPages();
var Page = pages[pages.length - 1];//当前页
var prevPage = pages[pages.length - 2];  //上一个页面

这样就可以通过prevPage获取上一页获取数据不用通过url传
或者

encodeURIComponent(JSON.stringify(obj)) //为跳转url时的转换方法。
JSON.parse(decodeURIComponent(options.obj)) //为接收参数页面的转换方法。

11 小程序打开app
此功能需要用户主动触发才能打开 APP,所以不由 API 来调用,需要用 open-type 的值设置为 launchApp 的 button 组件的点击来触发。当小程序从 APP 分享消息卡片的场景打开(场景值 1036,APP 分享小程序文档 iOS / Android) 或从 APP 打开的场景打开时(场景值 1069),小程序会获得打开 APP 的能力,此时用户点击按钮可以打开分享该小程序卡片/拉起该小程序的 APP。即小程序不能打开任意 APP,只能 跳回 APP。

<button open-type="launchApp" app-parameter="wechat" binderror="launchAppError">打开APP</button>  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值