微信小程序赋值传值,根据不同id跳转不同的页面

半开半落

已于 2022-03-31 10:04:30 修改

阅读量2.2k

点赞数 3

分类专栏：微信小程序文章标签： html5 javascript jquery css

于 2021-07-27 14:10:29 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_44418100/article/details/119142515

版权

微信小程序专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个小程序中如何声明并使用变量Roleid的过程。通过setData进行赋值，并利用wx.getStorageSync从缓存中获取用户信息。此外，还展示了如何在页面元素上绑定变量以及通过事件处理函数OpenCheck根据Roleid的不同值实现页面间的跳转。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

data里声明变量

  data: {
    Roleid: ''
  },

赋值setData,这里直接从缓存中拿

  onLoad: function (options) {
    this.setData({
      Roleid: wx.getStorageSync('userinfo').role.role_id
    })
  },

页面上设置

    <view class="col-5 work_cart" bindtap="OpenCheck" data-Roleid="{{Roleid}}">
      <image src="/icons/icon11.png" mode="aspectFit"></image>
      <view>区域检查</view>
    </view>

取值判断把id传到跳转的页面中

  OpenCheck(e) {
    const roleid = e.currentTarget.dataset.roleid;
    if(roleid == 2){
      wx.navigateTo({
        url: '/pages/check_manager/index?role_id=' + wx.getStorageSync('userinfo').role.role_id,
      })
    }else{
      wx.navigateTo({
        url: '/pages/check/index?role_id=' + wx.getStorageSync('userinfo').role.role_id,
      })
    }

  },