小程序问题

#1.wx.navigateTo跳转不了

首先 控制台报 Invoke event ToIndex in page: pages/login/login 页面无法跳转

 

解决的方法:

1.app.json文件中注册检查

2. 跳转的url地址和目录层级

 

3.跳转到的页面是非tabBar的页面吗?如果是tabBar页面,那么wx.navigateTo/wx.redirectTo只能用在非tabBar页面的跳转,要跳转到tabBar页面,需要使用wx.switchTab

 

#2.setTimeout里的this

解决方法:在函数中加入var that = this;

that.setData({...});

1、如果函数作为对象的方法调用,this指向的是这个上级对象,即调用方法的对象。
2、如果是构造函数中的this,则this指向新创建的对象本身。

#3.小程序里不需要jsonp格式的数据,返回json就好

#4.外部js引用

1.我们先建立一个common.js文件,在common.js编写我们的程序,

function myfunc() {
console.log("myfunc....");
}

module.exports.myfunc = myfunc; 这样暴露接口,这里不暴露是不能引用的,

2.在文件域js内

var common = require("../../common.js");去链接过来,光链接过来还不行!

var app;
var common = require("../../common.js");
Page({
data:{

},
onLoad:function() {
app = getApp();
this.setData({version:app.globalData.appName});
common.myfunc();  //最后我们需要执行才能生效!
}
})

#5.小程序是如何实现跨域的?

后端映射、你请求的接口实际到微信的后端做了一道映射

微信后端拿到你的wx.request调用的url、用后端请求后端

拿到数据后将body返给你

这就是为什么、请求后端之后、拿回来的只有body没有header、取不到response header

以前fetch也是可以在开发者工具用的、后面被屏蔽了

#6.json字符串对象互转

1.字符串转化为 对象

newObject=JSON.parse(options.infoStr)

2.对象转化为字符串

infoStr=JSON.stringify(object)

#7.bindtap和catchtap

bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡

#8.swiper

<view class='content'>
  <swiper vertical='true' indicator-dots="true" autoplay="true"> //纵向滚动
    <swiper-item><image src='/pages/images/111.png'></image></swiper-item>
    <swiper-item><image src='/pages/images/222.png'></image></swiper-item>
    <swiper-item><image src='/pages/images/333.png'></image></swiper-item>
    <swiper-item><image src='/pages/images/444.jpg'></image></swiper-item>
  </swiper>
</view>

 

 

 

 

 

 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序是一种在微信平台上运行的轻量级应用程序,而H5是指基于HTML、CSS和JavaScript开发的网页应用。微信小程序跳转到H5,然后再跳回微信小程序可通过以下步骤实现。 首先,要实现小程序跳转到H5,可以在小程序中使用`wx.navigateTo`或`wx.redirectTo`等方法跳转到指定的H5页面。例如: ```javascript wx.navigateTo({ url: 'https://www.example.com' }) ``` 这样就会在微信内置浏览器中打开指定的H5页面。 其次,要在H5页面中跳回微信小程序,可以通过微信提供的`wx.miniProgram.navigateTo`或`wx.miniProgram.redirectTo`等方法实现。这些方法需要在H5页面中通过`wx.miniProgram.postMessage`方法向微信小程序发送消息,以触发跳转。例如: ```javascript wx.miniProgram.navigateTo({ url: '/pages/index/index' }) ``` 需要注意的是,在H5页面中跳回微信小程序时,需要提前配置好小程序的appid等信息,并且在小程序端进行相应的处理,以兼容H5和小程序之间的跳转逻辑。 最后,要保证跳转的安全性和用户体验,建议在跳转前进行权限验证,确保用户有访问H5页面和微信小程序的权限。同时,在H5页面和小程序之间可以通过`postMessage`方法传递数据和信息,以实现更灵活的交互。 总之,微信小程序跳转到H5,然后再跳回微信小程序,可以通过微信提供的相关API实现。开发者需要在小程序和H5页面中分别处理好跳转逻辑和数据传递,以提供良好的用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值