没有合适的资源？快使用搜索试试~ 我知道了~

文库首页开发技术其它vue实现歌手列表字母排序下拉滚动条侧栏排序实时更新

vue实现歌手列表字母排序下拉滚动条侧栏排序实时更新

offsettop

vue

0 下载量 105 浏览量 2020-12-29 02:46:31 上传评论收藏 82KB PDF 举报

温馨提示

试读

5页

今天写项目的时候遇到了歌手排序的问题，联想到了我们平时的手机通讯录侧栏字母排序，按照ABCDE这样的顺序对名字进行排序。我们先来看看效果那就用vue来实现一遍首先新建一个vue页面，取名为helloworld.vue 在页面里写入内容 <template> <div class=hello> <div class=singer id=singer> <div class=singer-top-tag>{{singerTopTag | filterSingerTag}}</div> <ul class=singer-ul> <li v-for=(

资源推荐

资源详情

资源评论

vue实现歌手列表字母排序下拉滚动条侧栏排序实时更新实现歌手列表字母排序下拉滚动条侧栏排序实时更新

今天写项目的时候遇到了歌手排序的问题，联想到了我们平时的手机通讯录侧栏字母排序，按照ABCDE这样的顺序对名字进行排序。

我们先来看看效果

那就用vue来实现一遍

首先新建一个vue页面，取名为helloworld.vue

在页面里写入内容

<div class="singer-top-tag">{{singerTopTag | filterSingerTag}}</div>

<div class="singer-tag" :id="item.tag">{{item.tag | filterSingerTag}}</div>

<ul>

<div>{{fitem.Fsinger_name}}</div>

</li>

</ul>

</li>

</ul>

</div>

<ul>

<li

v-for="(item, index) in sortList"

:key="index"

@click="jumpTag(item)"

:class="{current:currentSort == item ? true : false}"

</li>

</ul>

</div>

</template>

import axios from 'axios'

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余4页未读，立即下载

评论收藏

内容反馈

资源评论

资源反馈

评论星级较低，若资源使用遇到问题可联系上传者，3个工作日内问题未解决可申请退款~

weixin_38690095

粉丝: 4

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

vue实现歌手列表字母排序下拉滚动条侧栏排序实时更新

SortSelect vue + elementui自定义按首字母排序下拉列表组件

vue 移动端 地址选择 字母排序

Vue列表如何实现滚动到指定位置样式改变效果

vue实现城市列表选择功能

Vue实现选择城市功能

vue自定义浏览器滚动条(兼容大部分浏览器含ie)_vue tree组件 下拉滚动条

vue监听 vue实时监听窗⼝滚动条

vue实现带过渡效果的下拉菜单功能

基于vueuse的api实现的虚拟滚动和无限滚动列表

vue实现移动端拖动排序

通讯录使用侧栏字母索引

vue-select 多选下拉列表

vue适用于pc端的城市选择组件按城市首字母排序

vue表单绑定实现多选框和下拉列表的实例

手机通讯录按照字母排序点击找到联系人

vue实现评论列表功能.docx

vue实现整屏滚动切换

【JavaScript源代码】Vue实现跑马灯样式文字横向滚动.docx

VUE实现从左到右滚动或从右至左滚动

vue移动端列表组件支持下拉刷新上拉加载更多

vue组件-自定义滚动条

vue实现手机号码抽奖上下滚动动画示例

基于Vue.js的强大的虚拟滚动条.zip

vue实现公告栏文字上下滚动效果的示例代码

在vue中实现二级下拉表格的table组件

vue列表自动滚动插件

vue实现循环滚动列表

【 C++ 】多态

busybox.zip

最新资源

vue 移动端地址选择字母排序

vue自定义浏览器滚动条(兼容大部分浏览器含ie)_vue tree组件下拉滚动条