微信小程序点击item栏跳转页面

最新推荐文章于 2024-03-02 05:00:00 发布

前端技术负责人

最新推荐文章于 2024-03-02 05:00:00 发布

阅读量609

点赞数 1

分类专栏：小程序文章标签：小程序

本文链接：https://blog.csdn.net/weixin_43837268/article/details/100109872

版权

小程序专栏收录该内容

34 篇文章 0 订阅

订阅专栏

本文介绍了一个小程序中实现页面跳转的具体案例，通过index.wxml文件中的view元素和bindtap事件，结合index.js中的tapItem函数，展示了如何通过dataset属性传递参数并进行页面跳转。

摘要由CSDN通过智能技术生成

1.index.wxml

  <view class="list" data-para="2" bindtap="tapItem">
    点我跳转2
  </view>

2.index.js

//单项的点击事件
  tapItem: function(event) {
    var that = this;
    //参数获取 
    var index= event.currentTarget.dataset.para;
    console.log(index);
    //页面跳转
    wx.navigateTo({
      url: "/pages/wxdetails/wxdetails"
    })
  }