vuewebapp之music右侧快速入口实现
程序员文章站
2022-10-31 15:21:43
vue webapp之music 右侧快速入口实现
1.利用计算属性获取右侧快速入口的列表
computed: {
shortcutlist () {
return this.data....
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.将此方法引入相应的
上一篇: *最能打的5位大将,李宗仁只能排第二
下一篇: Oracle数据库分页存储过程解读