随笔 - 83,  文章 - 6,  评论 - 20,  阅读 - 10万

大致的效果如下:

     

1. A页面上的相关功能和代码

(1) js里关键代码 

  /**
   * 页面的初始数据
   */
  data: {
    selectedShop:{
      shopId:"",
      shopName:"",
      linKTel:"",
      address:"",
    }
  },
 //点击跳转选择页面事件
 selectShop:function(e)
 {
   var url = "../map/index";
   var shopId = this.data.selectedShop.shopId;
   if(shopId!='')
   {
     url += "?shopId="+ shopId
   }
   wx.navigateTo({
     url: url
   })
 },
(2) 页面代码 : bindtap="selectShop"
2. B页面上的相关功能和代码
(1)js里关键代码 
  /**
   * 页面的初始数据
   */
  data: {
    shopId:"", //选中的店铺ID
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var shopId = options.shopId;
    //console.log(shopId);
    this.setData({ shopId:shopId });
    })
  },
//选择事件
  selectItemClick:function(e)
  {
    var shopId = e.currentTarget.dataset["id"];
    var shopName = '', linKTel='',address='';
    var pages = getCurrentPages();
    var prevPage = pages[pages.length-2]; //上一个页面
 //设定上一个页面A页面的data里面 selectedShop 值
    prevPage.setData({
      ['selectedShop.shopId']:shopId,
      ['selectedShop.shopName']:shopName,
      ['selectedShop.linKTel']:linKTel,
      ['selectedShop.address']:address,
    })
    wx.navigateBack({
      delta: 1,
    })
  }
注:数据加载时需要根据传过来的shopId设定选中项
(2)页面代码 :
<view class="shop_item" wx:for="{{shopDatas}}" wx:key="{{item.shopId}}" bindtap="selectItemClick" data-id="{{item.shopId}}"></view>
 
posted on   £冷☆月№  阅读(64)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示