当前位置： 移动技术网 > IT编程>网页制作>CSS > vuewebapp之music右侧快速入口实现

vuewebapp之music右侧快速入口实现

2018年12月04日  | 移动技术网IT编程  | 我要评论
vue webapp之music 右侧快速入口实现

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

computed: {

shortcutlist () {

return this.data.map((group) => {

return group.title.substr(0, 1)

})

}

},

2.遍历数组

{{item}}

最终的效果图如图

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

3.添加点击事件 touch事件

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

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

export function getdata(el, name, val) {

const prefix = 'data-'

name = prefix + name

if (val) {

return el.setattribute(name, val)

} else {

return el.getattribute(name)

}

}

5.将此方法引入相应的

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网