大致的效果如下:
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>
分类:
微信小程序
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 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语句:使用策略模式优化代码结构