现在支持了吗? 我们项目需要这个神奇的超能力(*/ω\*)
在手机短信中是否可以跳转到小程序在日常使用手机的时候,通过点击手机短信中的链接地址,可以打开某个App中的特定界面,那在手机短信中,可以跳转到小程序中的指定界面吗?
2019-05-28我已重新编辑
真机测试时遇到component 为null问题wxml中使用自定义组件, 在js(真机测试情况下出现)文件中获取组件时为null <bindDialog id="bindPhone" class="bindPhone" bind:getPhoneNumber="getPhoneNumber"> </bindDialog> 下面这个语句无论放在js中的哪个位置,在真机调试时都为null,在预览和模拟器一起正常 this.bindPhone = this.selectComponent("#bindPhone"); - 当前 Bug 的表现(可附上截图) [图片] - 预期表现 [图片] 这个问题困扰了我一天,一直不知道是哪里出错了,在此之前一直都是可以使用的,这个问题是更新完微信开发者工具后出现的,项目中也用了一些其他的自定义组件都没有问题,唯独是这个组件出了问题 目测出现这个问题的机型有iPhone6s、iPhone7、iPhone7 plus、one plus6, 微信版本7.0.3,开发者工具版本号1.02.1904090, 代码片段: bindPhone.wxml [代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"modal-mask"[代码] [代码]hidden[代码][代码]=[代码][代码]'{{!isShow}}'[代码][代码]></[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"modal-dialog"[代码] [代码]hidden[代码][代码]=[代码][代码]'{{!isShow}}'[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"modal-content"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]'tips1'[代码][代码]>绑定手机号</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]'tips2'[代码][代码]>请先绑定手机号在进行此操作</[代码][代码]view[代码][代码]> [代码][代码] [代码][代码]<[代码][代码]button[代码] [代码]class[代码][代码]=[代码][代码]'button'[代码] [代码]open-type[代码][代码]=[代码][代码]'getPhoneNumber'[代码] [代码]bindgetphonenumber[代码][代码]=[代码][代码]"getPhoneNumber"[代码][代码]>[代码][代码] [代码][代码]微信用户一键绑定[代码][代码] [代码][代码]</[代码][代码]button[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码]</[代码][代码]view[代码][代码]>[代码]bindPhone.js [代码]// pages/login/bindPhone.js[代码][代码]Component({[代码][代码] [代码][代码]/**[代码][代码] [代码][代码]* 组件的属性列表[代码][代码] [代码][代码]*/[代码][代码] [代码][代码]properties: {[代码] [代码] [代码][代码]},[代码] [代码] [代码][代码]/**[代码][代码] [代码][代码]* 组件的初始数据[代码][代码] [代码][代码]*/[代码][代码] [代码][代码]data: {[代码][代码] [代码][代码]// 弹窗显示控制[代码][代码] [代码][代码]isShow: [代码][代码]false[代码][代码] [代码][代码]},[代码] [代码] [代码][代码]/**[代码][代码] [代码][代码]* 组件的方法列表[代码][代码] [代码][代码]*/[代码][代码] [代码][代码]methods: {[代码][代码] [代码][代码]//隐藏弹框[代码][代码] [代码][代码]hideDialog() {[代码][代码] [代码][代码]this[代码][代码].setData({[代码][代码] [代码][代码]isShow: ![代码][代码]this[代码][代码].data.isShow[代码][代码] [代码][代码]})[代码][代码] [代码][代码]},[代码][代码] [代码][代码]//展示弹框[代码][代码] [代码][代码]showDialog() {[代码][代码] [代码][代码]this[代码][代码].setData({[代码][代码] [代码][代码]isShow: ![代码][代码]this[代码][代码].data.isShow[代码][代码] [代码][代码]})[代码][代码] [代码][代码]},[代码][代码] [代码][代码]/**[代码][代码] [代码][代码]* triggerEvent 组件之间通信[代码][代码] [代码][代码]*/[代码][代码] [代码][代码]getPhoneNumber(event) {[代码][代码] [代码][代码]var[代码] [代码]res = event.detail[代码][代码] [代码][代码]this[代码][代码].triggerEvent([代码][代码]"getPhoneNumber"[代码][代码], { encryptedData: res.encryptedData, iv: res.iv });[代码][代码] [代码][代码]}[代码][代码] [代码][代码]}[代码][代码]})[代码]bindPhone.css [代码].modal-mask {[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]fixed[代码][代码];[代码][代码] [代码][代码]top[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]left[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]#000[代码][代码];[代码][代码] [代码][代码]opacity: [代码][代码]0.5[代码][代码];[代码][代码] [代码][代码]overflow[代码][代码]: [代码][代码]hidden[代码][代码];[代码][代码] [代码][代码]color[代码][代码]: [代码][代码]#fff[代码][代码];[代码][代码]}[代码][代码].modal-dialog {[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]72%[代码][代码];[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]absolute[代码][代码];[代码][代码] [代码][代码]top[代码][代码]: [代码][代码]30%[代码][代码];[代码][代码] [代码][代码]left[代码][代码]: [代码][代码]14%[代码][代码];[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]#fff[代码][代码];[代码][代码] [代码][代码]border-radius: [代码][代码]12[代码][代码]rpx;[代码][代码]}[代码][代码].modal-content{[代码][代码] [代码][代码]text-align[代码][代码]: [代码][代码]center[代码][代码];[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]450[代码][代码]rpx;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]323[代码][代码]rpx;[代码][代码] [代码][代码]display[代码][代码]: [代码][代码]block[代码][代码];[代码][代码] [代码][代码]margin[代码][代码]: [代码][代码]0[代码] [代码]auto[代码][代码];[代码][代码] [代码][代码]margin-top[代码][代码]: [代码][代码]118[代码][代码]rpx;[代码][代码] [代码][代码]z-index[代码][代码]: [代码][代码]10000[代码][代码];[代码][代码]}[代码][代码].tips[代码][代码]1[代码] [代码]{[代码][代码] [代码][代码]font-size[代码][代码]: [代码][代码]38[代码][代码]rpx;[代码][代码] [代码][代码]color[代码][代码]: [代码][代码]#333333[代码][代码];[代码][代码] [代码][代码]line-height[代码][代码]: [代码][代码]1[代码][代码];[代码][代码]}[代码][代码].tips[代码][代码]2[代码] [代码]{[代码][代码] [代码][代码]font-size[代码][代码]: [代码][代码]26[代码][代码]rpx;[代码][代码] [代码][代码]color[代码][代码]: [代码][代码]#9c9c9c[代码][代码];[代码][代码] [代码][代码]margin[代码][代码]: [代码][代码]18[代码][代码]rpx [代码][代码]0[代码] [代码]29[代码][代码]rpx;[代码][代码] [代码][代码]line-height[代码][代码]: [代码][代码]1[代码][代码];[代码][代码]}[代码][代码].button {[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]80%[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]80[代码][代码]rpx;[代码][代码] [代码][代码]border-radius: [代码][代码]60[代码][代码]rpx;[代码][代码] [代码][代码]margin[代码][代码]: [代码][代码]0[代码] [代码]auto[代码] [代码]80[代码][代码]rpx;[代码][代码] [代码][代码]font-size[代码][代码]: [代码][代码]30[代码][代码]rpx;[代码][代码] [代码][代码]color[代码][代码]: [代码][代码]#fff[代码][代码];[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]#31cc32[代码][代码];[代码][代码] [代码][代码]display[代码][代码]: flex;[代码][代码] [代码][代码]flex-[代码][代码]direction[代码][代码]: row;[代码][代码] [代码][代码]align-items: [代码][代码]center[代码][代码];[代码][代码] [代码][代码]justify-[代码][代码]content[代码][代码]: [代码][代码]center[代码][代码];[代码][代码] [代码][代码]padding[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]box-sizing: border-box;[代码][代码]}[代码][代码]button::after{[代码][代码] [代码][代码]border[代码][代码]: [代码][代码]none[代码][代码];[代码][代码]}[代码]login.json [代码]{[代码][代码] [代码][代码]"usingComponents"[代码][代码]: {[代码][代码] [代码][代码]"bindDialog"[代码][代码]:[代码][代码]"../login/bindPhone"[代码][代码] [代码][代码]},[代码][代码] [代码][代码]"navigationBarTitleText"[代码][代码]: [代码][代码]"登录"[代码][代码]}[代码]login.wxml [代码]<[代码][代码]bindDialog[代码] [代码]id[代码][代码]=[代码][代码]"bindPhone"[代码] [代码]class[代码][代码]=[代码][代码]"bindPhone"[代码] [代码]bind:getPhoneNumber[代码][代码]=[代码][代码]"getPhoneNumber"[代码][代码]>[代码][代码]</[代码][代码]bindDialog[代码][代码]>[代码]login.js中使用wx.selectComponent组件时,在真机调试时报错 [代码]//获得dialog组件 [代码][代码] [代码][代码]this[代码][代码].bindPhone = [代码][代码]this[代码][代码].selectComponent([代码][代码]"#bindPhone"[代码][代码]);[代码][代码] [代码][代码]console.log([代码][代码]"bindPhone:"[代码][代码])[代码][代码] [代码][代码]console.log([代码][代码]this[代码][代码].bindPhone)[代码] //在真机调试时[代码]this[代码][代码].bindPhone始终为null,在模拟器上和预约时一切正常[代码]
2019-04-25