小程序怎么样点击哪个商品跳转到当前点击商品的详情页

用的原生写的小程序图片说明
点哪一条就进入到当前商品的详情页,是页面之间的传值吗

3个回答

是的,是通过页面间传值来实现的。类似于网页中 URL。例如产品详情页的页面 URL 为 /pages/product/product,现在要进入 id 为 123 的产品详情页面,则跳转的页面 URL 为 /pages/product/product?id=123。然后在 product 页面的 onLoad(options) 生命周期函数中可以拿到 options.id 为 123。最后做对应的渲染就可以了。

用data-绑定商品的ID如data-id

<view bindtap='click' data-id='{{goods.id}}'>

在点击事件中,取到event的dataSet,如

click(e){
    console.log(e.currentTarget.dataset['id']);
 }

直接看官网示例吧
demo

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
微信小程序能不能实现用button绑定点击事件,跳转到目标页面里设置的swiper的页面啊
微信小程序能不能实现用button绑定点击事件,跳转到目标页面里设置的swiper的页面啊
javaweb如何实现点击商品页面跳转到本商品的详情页面
以上是jsp页面的代码,我是通过将从数据库获取到的所有商品封装到一个list集合中,使用request域存储数据,在jsp页面使用el获取的所有商品。我现在能否在这个基础上面实现点击商品,进入到本商品的详情界面,页面已经写好了。我自己的实现逻辑是:通过某个域存储商品的id信息,在servlet中获取到,去数据库中查找这件商品的所有信息,这个商品存这储到域空间中,在新的页面通过el获取,但是目前我无法实现将这个商品的id信息传存储到域空间中。我不知道这样能不能实现,是不是我的想法有错误,希望大神帮个忙!!! ``` <c:forEach items="${productList }" var="product"> <div class="col-md-2" style="height:250px"> <a href="product_info.htm"> <img src="${pageContext.request.contextPath }/${product.pimage }" width="170" height="170" style="display: inline-block;"> </a> <p> <a href="/WEB18/productOne" style='color: green'>${product.pname }</a> </p> <p> <font color="#FF0000">商城价:&yen;${product.shop_price }</font> </p> </div> </c:forEach> ``` 上面是所有商品的jsp页面的代码。
微信小程序页面跳转后 怎么触发点击事件
微信小程序页面跳转后 在跳转后触发点击事件进行分组列表 最好有示例代码
微信小程序怎么跳转到系统浏览器?
微信小程序中怎么才能跳出微信跳转到手机自带的浏览器呢?不是在微信小程序内部打开外部链接,是怎样在小程序中点击设置的某个链接跳出微信并跳转到手机自带的浏览器?
微信小程序一个页面的picker选项保存之后跳转到了另一个页面并显示出来,如何通过一个按钮进入到之前的选择页面并进行修改??谢谢
微信小程序一个页面的picker选项保存之后跳转到了另一个页面并显示出来,如何通过一个按钮进入到之前的选择页面并进行修改??数据是wx.setStorageSync保存谢谢![图片说明](https://img-ask.csdn.net/upload/202001/17/1579245576_294741.jpg)
小程序怎么跳转到手机APP下载页面?
在小程序里跳转到手机app,如果这个APP不存在,则可以跳转到手机APP下载页面??
微信小程序 页面跳转问题
微信小程序 不带返回按钮的页面跳转redirect不起作用 wxml代码如下: ``` <view class="weui-msg__desc"> 3秒后返回首页,如未跳转,请点击 <navigator url="../index/index" class="weui-msg__link" redirect>返回首页</navigator> </view> ``` 还有一种方式也不起作用: wxml代码如下: ``` <view class="weui-msg__desc"> 3秒后返回首页,如未跳转,请点击 <navigator hover-class="changestyle">返回首页</navigator> </view> ``` js代码如下: ``` wx.redirectTo({ url: 'pages/index/index' }) ``` 我知道,为了不让用户在使用小程序时造成困扰,微信小程序规定页面路径只能是五层,请尽避免多层级的交互方式。 那么我要在第五层的页面返回首页,怎么删除前面的四层呢?redirect只能删除当前的一层
winForm 程序,itextsharp添加bookmark并且点击目录,跳转到指定页
请问大侠, 我现在开发一个winform程序,用itextsharp产生pdf,并且给pdf添加bookmark,如何通过点击 目录,跳转到该pdf的指定页。例如我点击目录,跳转到PDF的第5页,如何实现? 谢谢各位大侠。
jsp中如何保证页面跳转时当前页面与跳转页面之间的联系
如题 jsp中如何保证页面跳转时当前页面与跳转页面之间的联系?
微信小程序点击按钮不跳转页面怎么办?
![图片说明](https://img-ask.csdn.net/upload/201912/23/1577082459_963555.png) css文件 ![图片说明](https://img-ask.csdn.net/upload/201912/23/1577082483_129620.png) js ![图片说明](https://img-ask.csdn.net/upload/201912/23/1577082497_377786.png) 我的目录 就是不跳转,换了negative,wx.switchTab,都不行,也注册过了
如何实现表单验证提交,同时当前页面不跳转到提交页面,而跳转到另一个表单页面。
如何实现表单验证提交,同时当前页面不跳转到提交页面,而跳转到另一个表单页面。 我想做的是当前页面表单填写完,点击下一步提交表单后本页面跳转到另一个表单填写页面
小程序 关于 积分墙的项目问题 小程序跳转小程序
项目 是小程序积分墙项目 想要实现 跳转到下一个小程序 停留25秒后返回原小程序 可以获得积分 这我想到的方法只有wx.navigateToMiniProgram 搭配 wx.navigateBackMiniProgram 但是长期以来 我几乎没用到 wx.navigateBackMiniProgram 想问一下 我的逻辑是 点击条转的时候 定义当前时间 并且实例化 当回来的时候 时间两个做比对 如果大于25秒 代表成功 小于提醒 获取失败 请大老给点意见
微信小程序的页面跳转
总是提示出现脚本错误或者未正确调用 Page(),但是已经在新页面.js文件里添加过了Page({})。 而且跳转到新页面里还是一片空白。 是用的navigateTo跳转的,而且跳转的还是程序内的页面。
有人实践过在微信客服消息里面跳转小程序指定页面吗?
最近有个小程序的项目,里面用到了微信客服消息,有个需求是从客服消息回复的文本消息中的链接跳转到小程序的指定页面,我按api中的说明设置了参数后,发现页面始终无法正确跳转,而是返回到进入客服时的页面去了。
点击按钮获取参数 跳转页面 将获取到的参数输出到跳转后页面的文本框里
点击按钮获取参数 跳转页面 将获取到的参数输出到跳转后页面的文本框里
网页二维码微信扫能跳转到对应小程序页面里嘛
网页的商城信息做二维码,微信扫码可以跳转到对应小程序页面吗???急,哪位大神给我指点一下
萌新求助!!微信小程序如何用wx.navigateTo跳转到tabbar绑定过的界面?
微信小程序设计购物车,从商品详情界面可以跳转到购物车,从下方tabbar也可以进入购物车。 但是如何实现从商品详情进入的购物车介意返回上一界面,从tabbar进入的购物车无需返回呢? 就类似于京东小程序那样,难道只能重写一个一模一样的界面吗?萌新求助!!!求大佬解答
android程序里面 用intent直接跳转到该APP的权限设置页面
如题。 android程序里面 用intent直接跳转到该APP的权限设置页面
微信小程序无法跳转支付页面
微信小程序支付 不跳转支付页 报错 Cannot read property 'timeStamp' of null;at api request success callback function TypeError: Cannot read property 'timeStamp' of null
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它是一个过程,是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
有哪些让程序员受益终生的建议
从业五年多,辗转两个大厂,出过书,创过业,从技术小白成长为基层管理,联合几个业内大牛回答下这个问题,希望能帮到大家,记得帮我点赞哦。 敲黑板!!!读了这篇文章,你将知道如何才能进大厂,如何实现财务自由,如何在工作中游刃有余,这篇文章很长,但绝对是精品,记得帮我点赞哦!!!! 一腔肺腑之言,能看进去多少,就看你自己了!!! 目录: 在校生篇: 为什么要尽量进大厂? 如何选择语言及方...
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
linux系列之常用运维命令整理笔录
本博客记录工作中需要的linux运维命令,大学时候开始接触linux,会一些基本操作,可是都没有整理起来,加上是做开发,不做运维,有些命令忘记了,所以现在整理成博客,当然vi,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 free -m 其中:m表示兆,也可以用g,注意都要小写 Men:表示物理内存统计 total:表示物理内存总数(total=used+free) use...
比特币原理详解
一、什么是比特币 比特币是一种电子货币,是一种基于密码学的货币,在2008年11月1日由中本聪发表比特币白皮书,文中提出了一种去中心化的电子记账系统,我们平时的电子现金是银行来记账,因为银行的背后是国家信用。去中心化电子记账系统是参与者共同记账。比特币可以防止主权危机、信用风险。其好处不多做赘述,这一层面介绍的文章很多,本文主要从更深层的技术原理角度进行介绍。 二、问题引入 假设现有4个人...
程序员接私活怎样防止做完了不给钱?
首先跟大家说明一点,我们做 IT 类的外包开发,是非标品开发,所以很有可能在开发过程中会有这样那样的需求修改,而这种需求修改很容易造成扯皮,进而影响到费用支付,甚至出现做完了项目收不到钱的情况。 那么,怎么保证自己的薪酬安全呢? 我们在开工前,一定要做好一些证据方面的准备(也就是“讨薪”的理论依据),这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发...
网页实现一个简单的音乐播放器(大佬别看。(⊙﹏⊙))
今天闲着无事,就想写点东西。然后听了下歌,就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 演示地点演示 html代码如下` music 这个年纪 七月的风 音乐 ` 然后就是css`*{ margin: 0; padding: 0; text-decoration: none; list-...
Python十大装B语法
Python 是一种代表简单思想的语言,其语法相对简单,很容易上手。不过,如果就此小视 Python 语法的精妙和深邃,那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点,并附上详细的实例代码。如能在实战中融会贯通、灵活使用,必将使代码更为精炼、高效,同时也会极大提升代码B格,使之看上去更老练,读起来更优雅。
数据库优化 - SQL优化
以实际SQL入手,带你一步一步走上SQL优化之路!
2019年11月中国大陆编程语言排行榜
2019年11月2日,我统计了某招聘网站,获得有效程序员招聘数据9万条。针对招聘信息,提取编程语言关键字,并统计如下: 编程语言比例 rank pl_ percentage 1 java 33.62% 2 cpp 16.42% 3 c_sharp 12.82% 4 javascript 12.31% 5 python 7.93% 6 go 7.25% 7 p...
通俗易懂地给女朋友讲:线程池的内部原理
餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
将代码部署服务器,每日早上定时获取到天气数据,并发送到邮箱。 也可以说是一个小型人工智障。 知识可以运用在不同地方,不一定非是天气预报。
经典算法(5)杨辉三角
杨辉三角 是经典算法,这篇博客对它的算法思想进行了讲解,并有完整的代码实现。
英特尔不为人知的 B 面
从 PC 时代至今,众人只知在 CPU、GPU、XPU、制程、工艺等战场中,英特尔在与同行硬件芯片制造商们的竞争中杀出重围,且在不断的成长进化中,成为全球知名的半导体公司。殊不知,在「刚硬」的背后,英特尔「柔性」的软件早已经做到了全方位的支持与支撑,并持续发挥独特的生态价值,推动产业合作共赢。 而对于这一不知人知的 B 面,很多人将其称之为英特尔隐形的翅膀,虽低调,但是影响力却不容小觑。 那么,在...
腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹?
昨天,有网友私信我,说去阿里面试,彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static?他被难住了,因为他从来都没有考虑过这个问题。无独有偶,今天笔者又发现有网友吐槽了一道腾讯的面试题,我们一起来看看。 腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹? 在互联网职场论坛,一名程序员发帖求助到。二面腾讯,其中一个算法题:64匹...
面试官:你连RESTful都不知道我怎么敢要你?
干货,2019 RESTful最贱实践
为啥国人偏爱Mybatis,而老外喜欢Hibernate/JPA呢?
关于SQL和ORM的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行了一番讨论,感触还是有一些,于是就有了今天这篇文。 声明:本文不会下关于Mybatis和JPA两个持久层框架哪个更好这样的结论。只是摆事实,讲道理,所以,请各位看官勿喷。 一、事件起因 关于Mybatis和JPA孰优孰劣的问题,争论已经很多年了。一直也没有结论,毕竟每个人的喜好和习惯是大不相同的。我也看...
白话阿里巴巴Java开发手册高级篇
不久前,阿里巴巴发布了《阿里巴巴Java开发手册》,总结了阿里巴巴内部实际项目开发过程中开发人员应该遵守的研发流程规范,这些流程规范在一定程度上能够保证最终的项目交付质量,通过在时间中总结模式,并推广给广大开发人员,来避免研发人员在实践中容易犯的错误,确保最终在大规模协作的项目中达成既定目标。 无独有偶,笔者去年在公司里负责升级和制定研发流程、设计模板、设计标准、代码标准等规范,并在实际工作中进行...
SQL-小白最佳入门sql查询一
不要偷偷的查询我的个人资料,即使你再喜欢我,也不要这样,真的不好;
redis分布式锁,面试官请随便问,我都会
文章有点长并且绕,先来个图片缓冲下! 前言 现在的业务场景越来越复杂,使用的架构也就越来越复杂,分布式、高并发已经是业务要求的常态。像腾讯系的不少服务,还有CDN优化、异地多备份等处理。 说到分布式,就必然涉及到分布式锁的概念,如何保证不同机器不同线程的分布式锁同步呢? 实现要点 互斥性,同一时刻,智能有一个客户端持有锁。 防止死锁发生,如果持有锁的客户端崩溃没有主动释放锁,也要保证锁可以正常释...
项目中的if else太多了,该怎么重构?
介绍 最近跟着公司的大佬开发了一款IM系统,类似QQ和微信哈,就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // doshom...
Nginx 原理和架构
Nginx 是一个免费的,开源的,高性能的 HTTP 服务器和反向代理,以及 IMAP / POP3 代理服务器。Nginx 以其高性能,稳定性,丰富的功能,简单的配置和低资源消耗而闻名。 Nginx 的整体架构 Nginx 里有一个 master 进程和多个 worker 进程。master 进程并不处理网络请求,主要负责调度工作进程:加载配置、启动工作进程及非停升级。worker 进程负责处...
Python 编程开发 实用经验和技巧
Python是一门很灵活的语言,也有很多实用的方法,有时候实现一个功能可以用多种方法实现,我这里总结了一些常用的方法和技巧,包括小数保留指定位小数、判断变量的数据类型、类方法@classmethod、制表符中文对齐、遍历字典、datetime.timedelta的使用等,会持续更新......
YouTube排名第一的励志英文演讲《Dream(梦想)》
Idon’t know what that dream is that you have, I don't care how disappointing it might have been as you've been working toward that dream,but that dream that you’re holding in your mind, that it’s po...
“狗屁不通文章生成器”登顶GitHub热榜,分分钟写出万字形式主义大作
一、垃圾文字生成器介绍 最近在浏览GitHub的时候,发现了这样一个骨骼清奇的雷人项目,而且热度还特别高。 项目中文名:狗屁不通文章生成器 项目英文名:BullshitGenerator 根据作者的介绍,他是偶尔需要一些中文文字用于GUI开发时测试文本渲染,因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理,所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的: 你发现,...
程序员:我终于知道post和get的区别
是一个老生常谈的话题,然而随着不断的学习,对于以前的认识有很多误区,所以还是需要不断地总结的,学而时习之,不亦说乎
《程序人生》系列-这个程序员只用了20行代码就拿了冠军
你知道的越多,你不知道的越多 点赞再看,养成习惯GitHub上已经开源https://github.com/JavaFamily,有一线大厂面试点脑图,欢迎Star和完善 前言 这一期不算《吊打面试官》系列的,所有没前言我直接开始。 絮叨 本来应该是没有这期的,看过我上期的小伙伴应该是知道的嘛,双十一比较忙嘛,要值班又要去帮忙拍摄年会的视频素材,还得搞个程序员一天的Vlog,还要写BU...
加快推动区块链技术和产业创新发展,2019可信区块链峰会在京召开
11月8日,由中国信息通信研究院、中国通信标准化协会、中国互联网协会、可信区块链推进计划联合主办,科技行者协办的2019可信区块链峰会将在北京悠唐皇冠假日酒店开幕。   区块链技术被认为是继蒸汽机、电力、互联网之后,下一代颠覆性的核心技术。如果说蒸汽机释放了人类的生产力,电力解决了人类基本的生活需求,互联网彻底改变了信息传递的方式,区块链作为构造信任的技术有重要的价值。   1...
Java世界最常用的工具类库
Apache Commons Apache Commons有很多子项目 Google Guava 参考博客
相关热词 c# clr dll c# 如何orm c# 固定大小的字符数组 c#框架设计 c# 删除数据库 c# 中文文字 图片转 c# 成员属性 接口 c#如何将程序封装 16进制负数转换 c# c#练手项目
立即提问

相似问题

2
小程序 关于 积分墙的项目问题 小程序跳转小程序
2
怎样点击链接,跳转到另外一个页面,并且指定iframe 的内容
2
微信小程序无法跳转支付页面
2
小程序怎么跳转到手机APP下载页面?
3
【小白求助】JavaWeb页面跳转问题
1
萌新求助!!微信小程序如何用wx.navigateTo跳转到tabbar绑定过的界面?
1
vue 点击商品跳转详情页,每次进去都要刷新数据才更新,求大神帮解决
1
微信小程序能不能为图片划分一块可点击的区域
1
微信小程序 ,商户出示二维码,买家扫码成功后,商户可以监听到变化,从而使商户页面跳转
1
微信小程序能不能实现用button绑定点击事件,跳转到目标页面里设置的swiper的页面啊
1
根据用户当前位置依次给出当前距离用户最近的肯德基,哪位大神给个思路附源代码才接触小程序,谢谢大佬了
1
React 生成的网页跳转到其它页面再返回时React 生成的页面重新加载了
1
小程序使用navigator组件跳转报错
1
Taro框架下微信小程序如何添加动画使页面跳转时从底部弹出新页面
3
bootstrap table怎么样点击表格某一行内容跳转到该行内容的详情页(能够取到选中行的数据
1
微信小程序横向日历的实现
2
为什么点击Android手机下拉状态栏的通知消息后无法跳转到通知消息的Activity?问题悬赏10C币
2
关于C#新闻网站点击新闻标题跳转到新闻详细页面 求助!!!!!
1
laiui的导航中如何实现点击某个导航就跳转到一个路由
0
支付宝内官方小程序之间的跳转