小程序？vue，tab栏切换

Question

我通过tab栏切换页面，但是怎么获取切换的标题呢

如图我怎么获取当前选中的标题呢，就是怎么获取到盖浇饭类这几个字
代码如下：

  <scroll-view class="left" >
    <block v-for="item in menu" :key="item">
      <view class="menuList">
        <view class="menu" :class="select==index?'select':''" :data-index="index" @click="turnMenu" >
            <p class="name">{{item.typeName}}</p>
            <span>(2-6人)</span>
        </view>
      </view>
    </block>
  </scroll-view>
  对应的js

onLoad: function (options) {

  var that = this;
  wx.request({
    url: "https://www.easy-mock.com/mock/596257bc9adc231f357c4664/restaurant/menu",
    method: "GET",
    success: function (res) { 
        that.menu=res.data       
    }
  });
},

methods:{

turnMenu(e){     
  console.log(e)
  this.select=e.currentTarget.dataset.index
},

}
请大神指教

Answer 1

click事件不是可以传index吗？通过this.menu[index]不就可以拿到了吗？

Answer 2

        <view class="menu" :class="select==index?'select':''" :data-index="index" @click="turnMenu(item.typeName, $event)" >

turnMenu(name,e){     
  console.log(name)
},

Answer 3

item.typeName 应该是盖浇饭吧
 <view class="menu" :class="select==index?'select':''" :data-index="index" @click="turnMenu（item.typeName）" >
    <p class="name">{{item.typeName}}</p>
    <span>(2-6人)</span>
 </view>
turnMenu(e){     
  console.log(e) // 盖浇饭
},