微信小程序页面传参

川长思鸟来 2022-11-15 15:58 329阅读 0赞

页面一

  1. <view class="main">
  2.   <view>页面一</view>
  3.   <button bindtap="btn">跳转到页面二</button>
  4. </view>
  6. Page({ 
  7.   data: { 
  8.     data: '我是页面一的数据',
  9.     data1: '我是页面一的第二条数据'
  10.   },
  11.   onLoad() { 
  13.   },
  15.   btn() { 
  16.     wx.navigateTo({ 
  17.       url: '/index1/index1?data=' + this.data.data + '&data1=' + this.data.data1,
  18.     })
  19.   }
  20. })

页面二

  1. <view class="main">
  2.   <view>{
  3.    {text}}</view>
  4.   <view>{
  5.    {text1}}</view>
  6. </view>
  8. Page({ 
  10.   /** * 页面的初始数据 */
  11.   data: { 
  12.     text: '',
  13.     text1: ''
  14.   },
  16.   /** * 生命周期函数--监听页面加载 */
  17.   onLoad: function (options) { 
  18.     this.setData({ 
  19.       text: options.data,
  20.       text1: options.data1
  21.     })
  22.   },
  23. })

效果：
在这里插入图片描述

发表评论

表情：
评论列表 （有 0 条评论，329人围观）

还没有评论，来说两句吧...

相关阅读

    相关 微信小程序路由传参

    微信小程序路由传参 在微信小程序中，可以通过路由传参将数据传递给目标页面。以下是一种常见的方式： 在源页面中，使用 `wx.navigateTo` 或 `wx.redi

    男娘i男娘i/ 0 赞/ 51 阅读

    相关 微信小程序input框传参

    在微信小程序中原生input组件无法直接传参，但可以通过自定义属性的方式达成效果 <!-- 自定义属性的命名格式为“data-自定义名字” --> <inpu

    墨蓝墨蓝/ 0 赞/ 517 阅读