效果图 源代码 //不会的点&#xff1a;不知道怎么获取后端返回的链接地址值&#xff0c;动态的跳转到不同详情内容 //解决方案&#xff1a;在方法里面加参数&#xff08;这就是带参数的意义&#xff09; x-activity-card.vue <template><view class"notice-bo…

文章目录 1、列表页完成后&#xff0c;新建一个详情页&#xff0c;打开app.json&#xff0c;添加“pages/detail/detail”&#xff0c;自动生成一个详情页2、打开首页列表index.wxml&#xff0c;绑定“详情”跳转事件3、在js中写绑定事件&#xff0c;在控制台打印下event&#…

前提&#xff1a; 因为在商品详情页面中有个一功能是点击分享生成海报&#xff0c;海报上面有商品信息以及商品小程序码&#xff0c;用户通过将海报分享给别人的时候&#xff0c;那个人可以通过识别那个商品小程序码进入该商品详情页。 首先&#xff0c;要生成带参数的二维码&…

一、准备工作 &#xff08;1&#xff09;微信小程序后台获取小程序的appId和secret 小程序后台管理&#xff08;开发管理➡开发设置&#xff09; &#xff08;2&#xff09;扫码跳转的页面在app.json中已经注册 注册的路径与传过去的路径一致 &#xff08;3&#xff09;小程序…

目录 说明实际操作一、新建一个商品详情页面1、新建页面的第一种方式2、第二种新建页面的方式 二、进行携带参数的页面跳转1、找到视图层对应的代码2、进行事件绑定&#xff0c;数据绑定3、编写跳转事件方法3.1、取出参数3.2使用wx.navigateTo({})跳转到指定页面 4、在新的页面…

需求&#xff1a; 点击当前页的任意一条数据&#xff0c;跳转到该数据段的详情页面&#xff01; 逻辑&#xff1a; 首先要获取点击该条数据段的id,传递给跳转页面那边&#xff1b; 然后在详情页面那边接收id&#xff0c;再根据id来渲染后台相应的数据。 一、获取id 在wxml…

&#x1f349;导航传参 声明式导航传参 navigator组件的url属性用来指定将要跳转到的页面路径。同时&#xff0c;路径的后面还可以携带参数&#xff0c;参数与路径之间要使用 ? 分隔&#xff0c;参数键与参数值用 相连&#xff0c;不同参数用 & 分隔。示例代码如下&…

想实现如下的功能&#xff1a; 使用列表展示数据、点击列表中的条目&#xff0c;跳转到详情页。 我目前掌握的做法是&#xff1a; 在列表元素中增加data-id属性&#xff0c;用来存放唯一标识&#xff0c;然后传递参数到详情页。 下面的官方文档解释&#xff1a; https://deve…