微信小程序，通过获取新闻id进行页面传值详解必看

最新推荐文章于 2022-08-24 19:41:44 发布

钟Bubble

最新推荐文章于 2022-08-24 19:41:44 发布

阅读量1k

点赞数 1

文章标签：小程序 javascript js 前端

本文链接：https://blog.csdn.net/BubbleABC/article/details/116157232

版权

本文介绍如何在微信小程序中，通过home.wxml页面点击新闻，利用catchtap事件结合home.js将news_id传递给detail.wxml页面，实现在detail.js中加载对应详情。涉及关键步骤包括绑定事件、数据传递及接收。

摘要由CSDN通过智能技术生成

一共需要四个页面，我这里分别是，home.wxml，home.js，detail.wxml，detail.js这四个页面

通过点击home.wxml页面里的某条新闻进入detail.wxml页面查看详情……

home.wxml页面代码：
(说明：通过绑定catchtap="toDetail"方法，进行js页面新闻详情的跳转，我的后台数据的新闻Id是：article_id，这里的data-homeid=’{ {item.article_id}}'是相当于把后面{ {item.article_id}}赋值给了homeid)

<view class="content" wx:for="{
   {home}}" wx:key="key" catchtap="toDetail" data-homeid='{
   {item.article_id}}'>
    <!-- <navigator url="/pages/detail/detail"> -->
     <view class="left">
        <image src="http://www.wuye.com{
   {item.thumb_img}}"></image>
      </view>
     <view class="right">
       <text class="title">{
   {
   item.title}}</text>
       <text class