本节id这一块的理解。

来源：3-7 接口数据渲染及重点知识点收尾（2）

Vigorous阿炎

2020-12-08 15:35:49

我自己的理解是这样：

index.wxml course有五张图内容，给每个图设置一个id,然后点击不同的图片跳转到detail.wxml页面。点击第一张会跳转到detail.wxml页面，点击第二张同样会跳转到detail.wxml页面。点击第三张，第四张。。

意思是我统一在detail.wxml里面写五个不同的内容。那样的说的话我怎么区分各个图片板块内容呢？点击第一张图片刚好跳转的是id=1的内容。老师说很简单，but感觉自己一头雾水。

自己回顾了下是不是和点击活动跳转到另外一个页面一样设置

<block wx:if="{{type==='activity'}}"

class="active"

活动部分

<image class="active-img"

wx:for="{{activity}}" wx:key="index"

src="{{item.imgUrl}}"

></image>

</block>

新建五个id1.wxml。id2.wxml id3wxml.......

然后判断wx:if={{id==='1'}} ，再到下面设置内容

写回答

3回答

好帮手慕慕子

2020-12-08

同学你好，对于你的问题解答如下：

可以参考如下理解：每个课程设置不同的id，在点击这个课程的时候，获取到对应的id值，在跳转到详情页时，将每个课程对应的id值作为参数传递过去，如下图所示：
虽然都是跳转到detail页面，但是可以通过每次携带id参数值不同，在详情页就可以根据传递id值不同，请求不同的数据，一般情况下，详情页的布局结构是一样的，只是里面的文字、图片等内容是不一样的，课程重点讲解如何实现跳转，对于详情页的布局不做详细的讲解，实际开发中根据提供设计稿布局即可，最后将请求到的数据渲染到页面上，这样就实现了点击不同的课程，展示相对应的详情内容。
由第一条分析可知，detail页面需要根据传递的id来获取对应的数据。所以老师在detail.js中的处理，主要是为了方便看到传递的id值是不同的，示例：
同学总结的两种页面跳转的方式，很棒！！！！