小程序之页面间传值

本文介绍了微信小程序中实现页面间传值的方法,通过实例展示了从微博列表页点击跳转到编辑页,编辑后的内容如何回传并显示在列表页。涉及到的关键技术包括事件绑定、页面参数传递和数据更新。
摘要由CSDN通过智能技术生成

页面间传值是我们开发程序时常见,那么小程序是怎样实现页面间传值呢?

我们就过下面的例子来实现小程序的页面间传值:

大致功能如下,第一个页面微博列表页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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值