wx:小程序传值

本文详细介绍了在小程序和Vue中如何传递和接收不同类型的值,包括基本值和对象。对于基本值,可以通过data-属性绑定并在事件对象中通过e.currentTarget.dataset获取。若传递对象,则需使用JSON.stringify转换后再通过路径拼接传递,接收时用JSON.parse解析。总结了两种不同的传递方式及其适用场景。
摘要由CSDN通过智能技术生成

一.传递的值是一个基本值。

传:

data.属性名=要传递的值。

收:

e.currentTarget.dataset.id

代码示例:

      <view  bindtap="clickEvent" data-id='{{item}}' wx:for="{{List}}">
clickEvent(e){
 e.currentTarget.dataset.id
}

二.传入的值是一个对象

传:

data.属性名=要传递的值。

收:

let a= e.currentTarget.dataset.id  
wx.navigateTo({
      url: `/pages/aaa/?id=` + JSON.stringify(a)
    })

这里拿到值后需要通过JSON.stringify包裹起来。

收:

onload(options){
  JSON.parse(options.id)
}

要不就会出现接收过来的值是:

[object,object]这种情况。

三.总结

传值过程中不通往常的Vue直接在路径后面进行拼接。

而是通过data-属性名=要传递的值。

通过事件对象来进行接收。

 获取到属性值: e.currentTarget.dataset.属性名。

如果是普通值可以直接通过路径拼接的方式传递过去。

如:

 如果是一个对象,则需要通过转换的形式JSON.stringify(传递的对象)

接收:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值