微信小程序 method传参 和 页面传参

这篇具有很好参考价值的文章主要介绍了微信小程序 method传参 和 页面传参。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

method传参

标签:

<image src="/img/b1.jpg" class='bannerImg' mode="widthFix" bindtap="gotoMessage" data-flag="msg"></image>

使用data-参数Key = '指定参数值'

method:

gotoMessage(e){

    let flagName =  e.target.dataset.flag

    if(flagName === 'msg'){

      wx.switchTab({

        url: '/pages/message/message',

      })

    }else if(flagName === 'contect'){

      wx.switchTab({

        url: '/pages/contact/contact',

      })

    }

  },

 使用 e.target.dataset.参数key 得到参数值

页面传参

方式一   <navigator url="/pages/info/info?from=home" open-type="navigate">

navigator设置from参数值为home

方式二  通过编程方式导航

微信小程序 method传参 和 页面传参

 文章来源地址https://www.toymoban.com/news/detail-485580.html

微信小程序 method传参 和 页面传参

右下角可以看到数据

在xx.js 的 onLoad 的 options参数中可以获取参数

微信小程序 method传参 和 页面传参

 

到了这里,关于微信小程序 method传参 和 页面传参的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp微信小程序 页面跳转传参(uni.switchTab传参无法获取,uni.reLaunch传参可以获取)

      因为是tab页面,我首先想到的就是通过:uni.switchTab进行页面跳转。 代码如下: 然后在首页的onShow生命周期函数中进行监听路由参数。 代码如下: 结果uni.switchTab跳转的页面是不能够将路由参数传递到页面中的。  这样就可以拿到路由中的参数了。  这样问题就解决了。

    2024年02月10日
    浏览(63)
  • 微信小程序的跨页面传参以及data-方法的相关细节

    🙂博主:小猫娃来啦 🙂文章核心: 微信小程序的跨页面传参以及data-方法的相关细节 其实在学习新东西的过程中,最快速的方式就是多看官方文档。 很多技术层面的东西,官方文档其实讲的很清楚了。 vue这个渐进式框架在很久以前,是没有多少官方文档供人学习的,但现

    2024年02月11日
    浏览(56)
  • 微信小程序web-view嵌入uni-app H5页面,通过H5页面传参给小程序进行转发分享页面,并通过点击转发出来的卡片,定向打开对应H5路径

    index.wxml  index.js 在H5项目的App.vue页面获取参数实现自动跳转到对应页面,包括携带的参数值

    2024年02月12日
    浏览(74)
  • 微信小程序使用vant weapp tab标签页,从其他页面或编译模式中指定当前页tab标签索引值,tab标签页无变化问题。

    vant weapp 在微信小程序中的如何使用大家可以自行到官网中查看,这里不在细述。官网链接:https://vant-ui.github.io/vant-weapp/#/quickstart 我负责开发小程序商城优惠券部分,在需求中优惠券分为线下券和线上券,线上券和线下券可以来回切换,根据不同的业务需求,需要从其他页面

    2024年02月15日
    浏览(61)
  • uniapp开发微信小程序问题笔记-页面跳转传参

    页面跳转传参,一般都是字符串类型,传bool类型也会被当做字符串处理 举例:点击页面跳转并传参,跳转页面从onLoad中的option接收参数 isgas 父子组件的数据交互 在之前的博客里简单介绍过父子通信方法:父传子props,子传父$emit 这里再补充一个父调用子组件的方法 $refs 子组件

    2024年02月11日
    浏览(45)
  • 微信小程序事件传参

    微信小程序怎么事件传参 dataset 对象 每个虚拟dom身上都拥有一个dataset对象 给虚拟 dom 绑定上 data-自定义键=“值”的这种属性,例如: 想要传一个id: 绑定上此种格式的属性后,会被去除 data- ,然后以键值对的形式添加在虚拟 dom 身上的dataset 对象身上。 事件对象 事件函数

    2024年02月09日
    浏览(58)
  • 微信小程序路由传参

    在微信小程序中,可以通过路由传参将数据传递给目标页面。以下是一种常见的方式: 在源页面中,使用 wx.navigateTo 或 wx.redirectTo 方法跳转到目标页面,并通过 URL 参数传递数据。示例: 在目标页面的 onLoad 生命周期函数中,可以通过 options 参数获取传递的参数。示例: 通过

    2024年02月07日
    浏览(39)
  • 微信小程序组件的传参

     # 父子关系      1.父向子传参     // 子组件:通过 properties 声明要从父组件中接收的数据     //    组件的属性列表     properties:{         tabId:String     }     // 父组件:通过自定义属性的形式传递数据。以子组件中定义的 key 为属性名,以要传递的数据为属性值     li

    2024年02月10日
    浏览(43)
  • 微信小程序点击事件bindtap传参

    微信小程序bindtap点击事件如何传参 wxml页面 JS 点击后会有以下提示: bindtap在传参时需要用到data-xxx来进行传递参数,如下: wxml页面 JS

    2024年04月28日
    浏览(70)
  • 微信小程序路径跳转和传参

    注意: 使用声明式导航(标签)跳转 那个跳转标签默认是一行都可以点击 范围有点大不灵活   建议使用通过点击触发函数改变路径  wx.navigateBack ({}): 返回到之前的路径页面 不能是tabBar页面 返回多少次由delta: 1,控制1就是返回到上一次的路径页面 默认为1可以直接 wx.navigate

    2023年04月27日
    浏览(82)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包