微信小程序 传值取值的几种方法总结

阅读时长 4 分钟读完

微信小程序是一款基于微信平台的轻量级应用,常常需要进行传值和取值操作。在本文中,将会总结传值取值的几种常见方法并给出相应的示例代码,帮助读者更好地理解和使用。

方法一:query参数传递

query参数适用于页面间传递简单的数据,例如字符串、数字等。可以使用 wx.navigateTowx.redirectTo 函数跳转到目标页面,并通过 url 参数传递数据,接收方可以通过 onLoad 函数获取传递的参数。

示例代码

发送方:

接收方:

方法二:全局变量传递

全局变量适用于在应用范围内传递数据,可以将数据存储在 app.js 中的全局变量中,在各个页面中都可以访问并修改。但是需要注意,全局变量可能会被其他页面意外修改,因此需要谨慎使用。

示例代码

发送方:

-- -------------------- ---- -------
-- ------
-----
  ----------- -
    --------- -----
    -------- --
  -
--

-- -----
----- --- - --------
---------------------- - ------ ------

接收方:

方法三:事件传递

事件传递适用于组件间传递数据,可以在组件中定义一个事件并触发该事件,其他组件可以通过监听该事件获取传递的数据。需要注意的是,父组件和子组件之间需要通过 properties 属性进行通信。

示例代码

发送方:

-- -------------------- ---- -------
-- ---
-----------
  ----------- -
    -------- ------
  --
  -------- -
    ------- -
      ---------------------------- - -------- ----------------------- --
    -
  -
--

-- -----
------- -
  --------------------------------------------
-

接收方:

-- -------------------- ---- -------
-- ---
-----------
  -------- -
    ------------ -
      ----------------------------- -- -- ------ ------
    -
  -
--

-- -----
------------- ----------------------------------------

方法四:Storage存储

Storage存储适用于需要在不同页面或应用间传递数据,可以将数据存储在本地缓存中,在需要时获取或修改。但是需要注意,存储容量有限,不能存储过多数据。

示例代码

发送方:

接收方:

总结

本文总结了微信小程序传值取值的几种常见方法,包括query参数传递、全局变量传递、事件传递和Storage存储。读者可以根据实际需求选择合适的方法进行数据传递。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/1160

纠错
反馈