页面间传值是我们开发程序时常见,那么小程序是怎样实现页面间传值呢?
我们就过下面的例子来实现小程序的页面间传值:
大致功能如下,第一个页面微博列表页list.wxml,点击列表页面的按钮跳转至微博编辑页面aweibo.wxml,在编辑页面点击提交按钮返回上一个页面并且将编辑的内容显示在列表页面。
微博列表页面代码如下:
<!--pages/weibo/list/list.wxml-->
<view>这是第一条微博</view>
<view wx:for="{
{weibos}}">{
{item}}</view>
<button type="primary" bindtap="writeWeibo" style="width:100%">发微博</button>
相关js如下:
// pages/weibo/list/list.js
Page({
/**
* 页面的初始数据
*/
data: {
weibos:[]//存储微博列表信息
},
writeWeibo:function(){//点击跳转至编辑页面
wx.navigateTo({
url: '/pages/weibo/aweibo/aweibo',
})
}
})
编辑页面
编辑界面代码如下:
<!--p