8、view组件区分点击行以及页面参数传递

一、view列表点击哪一行区分方法一：

1、.wxml中添加：

（1）、绑定点击事件bindtap='BtnView'

（2）、获取循环的Index wx:for-index="bindex"

（3）、传递index到点击函数里：data-变量名：data-hhaid='{{bindex}}'

<view wx:for="{{array}}" wx:key="{{item}}" bindtap='BtnView'  wx:for-index="bindex"  data-hhaid='{{bindex}}'>

2、.js文件中实例'BtnView'并输出hhaid

二、view列表区分方法二：

1、可以把数据中的某个字段作为区分：把字段以data-变量名：data-hhaid='{{某字段}}'

<view wx:for="{{array}}" wx:key="{{item}}" bindtap='BtnView'  wx:for-index="bindex"  data-hhaid='{{item.id}}'>

  <view class='Hangyanshi'>

   <text class='idyanshi'>{{item.id}}: </text>

   <text class='titleyanshi'>{{item.title}} </text>

   <text class='timeyanshi'>{{item.time}}</text>

  </view>

</view>

2、效果：

        

三、页面间的传递参数

1、新建详情页面，并在点击列表事件函数中打开详情页：

           BtnView:function(event){

    console.log(event.currentTarget.dataset.hhaid)

    // 打开微信页面

    wx.navigateTo({

      url: '../detail/detail',

    })

  },

         注：此时，无论点击列表的任一行，都弹出一样的详情页面

2、把标识点了那个列表的变量hhaid，传入到详情页页面中，详情页面根据这hhaid来显示不同的内容

         原理：在wx.navigateTo的url要打开的页面路径后面加上 问号 变量名 =变量值 ?hhdetailaid=

  BtnView:function(event){

    // console.log(event.currentTarget.dataset.hhaid)

    // 打开微信页面

    wx.navigateTo({

      url: '../detail/detail?hhdetailaid=' + event.currentTarget.dataset.hhaid,

    })

  },

3、在进去的页面detail.js的onLoad函数中接收这个这个数值

4、在详情页中用text组件显示打开了第几个页面

（1）、绑定变量

        

（2）、赋值