微信小程序 页面A携带参数跳转到页面B，页面B获取页面A传来的参数并且存到data里面，在页面B中渲染成功

页面A的wxml

<view class="tuijian-food-box" >
  <view class="tuijian-food" wx:for="{
  {imglist}}" bindtap="navigateTo" data-img="{
  {item.img}}" data-name="{
  {item.name}}" data-pirce="{
  {item.pirce}}">
    <image src="{
  {item.img}}"></image>
    <view style="margin-left: 30rpx;">{
  {item.name}}</view>
    
    <view style="color:red; margin-left: 30rpx; display: flex; align-items: baseline;"> <!-- display: flex;文本同一行显示，align-items: baseline;文本上下对齐 -->
      <view style="font-size: 25rpx;">￥</view>
      <view style="font-size: 35rpx;">{
  {item.pirce}}</view>
    </view>

代码说明：

关键代码

 

1、先写一个bindtap=”navigateTo”监听事件，目的是当你点击一个组件时，就会从页面A跳转到页面B

2、携带参数：data-img=”{ {item.img}}”  ,data-（属性，属性的名字随便写）=”（携带的参数，我这里携带的参数是数组遍历出来的参数）”  , 如果要携带多个参数，就写多几个data-（属性）=”（携带的参数）,

页面A