小程序项目实战总结--结合HTML data-* 属性 进行路由跳转

小程序通常在点后进行路由跳转，跳转时通常需要携带特定的参数。

这时我们可以通过HTML的  data-* 属性 ，将需要跳转的数据存储在data-*中。在监听点击事件时就可以拿到其所存储的数据，从而在路由跳转时携带对应参数。

（备注：data-* 属性用于存储私有页面后应用的自定义数据）

HTML data-* 属性 | 菜鸟教程

<!--pages/detail-list/index.wxml-->
<view class="list">
  <view wx:for="{
  {songLists}}" wx:key="key" class="list-item">
    <song-menu-item item="{
  {item}}" bindtap="handelListClick" data-item="{
  {item}}"></song-menu-item>
  </view>
</view>

// pages/detail-list/index.js
import {getSongsList} from '../../service/api_music'
Page({
  data: {
    cat: '',
    songLists: []
  },
  onLoad: function (options) {
    this.s