初学小程序,碰到列表与详情页跳转遇到的问题,记录一下. 一.问题 1个列表页: 1个详情页: 列表页代码: onLoad:异步查询数据并setData 详情页代码: 保存成功后,调用navigateBack 问题来了,从详情页跳转回列表页后,页面不刷新,还是修改前的列表. 二.解决过程 1.将详情页保存成功后的代码改为navigateTo列表页 可以刷新了,但是又有新问题,来回在列表.详情页之间切换几次后就点不动了. 原因:wx.navigateTo只能跳转5层,跳转5次后就不能跳了 2.详情页…
1.微信小程序转发传参,利用的还是onShareAppMessageapi 2.利用的还有json转换 JSON 是用于存储和传输数据的格式. JSON 通常用于服务端向网页传递数据 函数 描述JSON.parse() 用于将一个 JSON 字符串转换为 JavaScript 对象.JSON.stringify() 用于将 JavaScript 值转换为 JSON 字符串.官方文档 自定义转发字段 字段 说明 默认值 最低版本title 转发标题 当前小程序名称  path 转发路径 当前页面…
setTimeout() 是属于 window 的方法,该方法用于在指定的毫秒数后调用函数或计算表达式. 语法格式可以是以下两种:   setTimeout(function () { // wx.redirectTo({ // url: '../index/index' // }) //navigateTo wx.reLaunch({ url: '../index/index' }) }, 3000)   上边自动跳转页面的方法需要注意  不能用wx.redirectTo();或者wx.nav…
微信小程序页面间通的5种方式 PageModel(页面模型)对小程序而言是很重要的一个概念,从app.json中也可以看到,小程序就是由一个个页面组成的. 如上图,这是一个常见结构的小程序:首页是一个双Tab框架PageA和PageB,子页面pageB, PageC. 让我们假设这样一个场景:首页PageA有一个飘数,当我们从PageA新开PageC后,做一些操作,再回退到PageA的时候,这个飘数要刷新.很显然,这需要在PageC中做操作时,能通知到PageA,以便PageA做相应的联动变化.…
微信小程序新闻列表功能(读取文件.template) 不忘初心,方得始终.初心易得,始终难守. 在之前的项目基础上进行修改,实现读取文件内容作为新闻内容进行展示. 首先,修改 post.wxml 文件,和 post.js 文件中,某些键值对键的名称. post.wxml修改后代码如下 <view> <swiper vertical='true' indicator-dots='true' autoplay='true' interval='5000'> <swiper-ite…
在微信小程序页面间传递数据 原文链接:https://www.jianshu.com/p/dae1bac5fc75 在开发微信小程序过程之中,遇到这么一些需要在微信小程序页面之间进行数据的传递的情况,也遇到了开发过程微信小程序限制情况,特此做个总结. 全局变量之中传递参数数据 在微信小程序的开发过程之中,需要从A页面跳转到B页面,并且把A页面的数据传递到B页面使用.可以使用全局变量使用的方法,微信小程序官方提供app.js全局变量定义文件,里面可以定义需要在全局需要使用的变量与及变量值,例如用户…
微信小程序页面跳转目前有以下方法(不全面的欢迎补充): 1. 利用小程序提供的 API 跳转: // 保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面.// 注意:调用 navigateTo 跳转时,调用该方法的页面会被加入堆栈,但是 redirectTo wx.navigateTo({ url: 'page/home/home?user_id=111' }) // 关闭当前页面,返回上一页面或多级页面.可通过 getCurrentPages() 获取当前…
微信小程序页面调用自定义组件内的事件 page page.json { "usingComponents": { "my-component": "../components/component/component", } } page.wxml <my-component id="myComponent"></my-component> page.js Page({ //... onLoad: fun…
目录 微信小程序页面通信 方式一:通过URL 方式二:通过全局变量 方式三:通过本地存储 方式四:通过路由栈 微信小程序页面通信 方式一:通过URL // A 页面 wx.navigateTo({ url: '/pages/index/index?id=1' }) // index 页面 onLoad(options) { console.log(options.id) // 1 } 方式二:通过全局变量 // a 页面 getApp().PageToPageParams.id = 1 // i…
QQ讨论群:785071190 微信小程序页面跳转方式有很多种,可以像HTML中a标签一样添加标签进行跳转,也可以通过js中方法进行跳转. navigator标签跳转 <view class="btn-area"> <navigator url="/page/navigate/navigate?title=navigate" hover-class="navigator-hover">跳转到新页面</navigato…