vue webapp之music 右侧快速入口实现(十三上)

1.利用计算属性获取右侧快速入口的列表

 computed: {
    shortcutList () {
      return this.data.map((group) => {
        return group.title.substr(0, 1)
      })
    }
  },

2.遍历数组

 <ul>
        <li v-for="item in shortcutList" class="item">
          {
  {item}}
        </li>
      </ul>

最终的效果图如图

接下来写有关它的操作属性

3.添加点击事件 touch事件

4.点击右侧获取相对应的索引

获取对应index的值，这里将此方法进行封装

export