老师我这里已经实现了course中点击不同的项得到不同的id了,但是我想实现点击不同的项跳转到不同的页面。目前都是跳转到hot页面。

老师我这里已经实现了course中点击不同的项得到不同的id了,但是我想实现点击不同的项跳转到不同的页面。目前都是跳转到hot页面。


如何实现点击不同的项跳转到不同的页面呢?

http://img1.sycdn.imooc.com//climg/5ff2a25d09178ca910130826.jpg

http://img1.sycdn.imooc.com//climg/5ff2a5d50956a4d703970467.jpg

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕慕子 2021-01-04 14:32:24

同学你好,同学提到的“点击不同的项跳转到不同的页面”是指点击不同的选项,显示与选项相关的内容吗?如果是这样的话,那么现在的代码就不需要做修改了,因为可以根据不同的id获取到相对应的数据信息,这样点击不同选项,虽然都是跳转到hot页面,但是获取的数据是不同的,那么展示的内容也就是不同的了。

实际开发中会有后端人员提供接口地址,前端人员直接拿来用就可以了,所以目前重点是学习实现的思路,老师写了一个简单的示例,如下图所示:

http://img1.sycdn.imooc.com//climg/5ff2b6350973690805950449.jpg

祝学习愉快~

  • 提问者 Vigorous阿炎 #1

    http://img1.sycdn.imooc.com//climg/5ff2c628095a2de607840470.jpg

    这样才是把后端的数据获取到data空数组中,然后再写wxml页面代码循环显示出来。我想指的是点击不同的图片跳转到不同的页面。您这样能实现是不是当点击图片id为不同值,此刻后端直接根据id为不同的值给你跳转到不同的页面展示相应的内容,不用我自己重新再写wxml页面代码展示内容了。(就相当于一个a链接一样了)

    2021-01-04 15:47:16
  • 好帮手慕慕子 回复 提问者 Vigorous阿炎 #2

    同学你好,对于你的问题解答如下:

    1、同学截图是对的,老师回复时只是给同学提供一个简单的思路示例,所以没有书写完整的代码。

    2、点击不同的图片跳转到不同的页面,这个效果的实现,一般不推荐书写多个页面,而是使用老师提供给同学的思路去实现,点击不同的图片都跳转到同一个页面,后台根据id返回页面展示时需要的数据,由于id为不同的值,那么展示的内容也就不同了,所以只需要跳转到一个页面就行了。

    3、是的,理解是对的

    祝学习愉快~

    2021-01-04 16:49:21
  • 提问者 Vigorous阿炎 回复 好帮手慕慕子 #3

    我也明白您的意思了。刚才看了一遍最后一节视频。我的理解也是对的,只不过和您说的确实没必要另外新建多个文件夹了。只需要新建一个detail文件夹就行,让点击图片wx:if 判断id的不同分别展示在detail中不同的内容。

    http://img1.sycdn.imooc.com//climg/5ff2d9fd0966755108280336.jpg

    只不过我感觉还是需要用到wx:if来判断id不同来展示不同的内容吧?您看我id不同点击图片展示的内容也不同了。

    请问实际开发中也是我这样吗?我在想要是点击图片后,展示的是detail id里面的内容,要是detail里面的内容还有像course图片这样的内容需要分类点击展示,那我是不是还需要新建一个detail2进入下一个层次,来展示detail里面的图片点击的内容,一层一层,很多层。

    2021-01-04 17:11:44
Vigorous阿炎 提问者 2021-01-04 14:04:55

我简单的实现了下,确实能实现跳转到不同的页面。不过我感觉我写的代码有点冗长。

http://img1.sycdn.imooc.com//climg/5ff2afe909c9cf4008180493.jpg

有更好的方法吗?

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师