1.首先需要下载插件 npm install js-pinyin
2.引用插件
3.对请求来的数据进行操作
后续就是遍历数据根据数据字母的开头放入一个新对象里，并在遍历完成后，对空的对象进行删除，在以删除后的数据进行渲染页面
效果如下
vue中对数据按照首字母顺序进行排序
2023-11-03
167
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
vue中对数据按照首字母顺序进行排序
目录
相关文章
|
2天前
|
缓存
JavaScript
前端开发
|
2天前
|
缓存
JavaScript
Vue 中 computed 与 method 的区别
【10月更文挑战第15天】computed 和 method 是 Vue 中两个重要的选项，它们在功能和特点上存在着明显的区别。理解并合理运用它们的区别，可以帮助我们构建更高效、更具可维护性的 Vue 应用。在实际开发中，要根据具体情况灵活选择使用，以满足不同的需求。
5
2
2
|
2天前
|
JavaScript
搜索推荐
UED
vue的自定义指令
【10月更文挑战第14天】Vue 自定义指令为我们提供了一种强大的工具，使我们能够更灵活地控制和扩展 Vue 应用的行为。通过合理地使用自定义指令，可以提高开发效率，增强应用的功能和用户体验。
7
1
1
|
23小时前
|
JavaScript
前端开发
Java
|
2天前
|
JavaScript
UED
|
5月前
|
JavaScript
API
|
5月前
|
人工智能
JavaScript
前端开发
|
5月前
|
JavaScript
Java
关系型数据库
|
5月前
|
JavaScript
前端开发
API
Vue3+Vite+TypeScript常用项目模块详解
现在无论gitee还是github，越来越多的前端开源项目采用Vue3+Vite+TypeScript+Pinia+Elementplus+axios+Sass(css预编译语言等），其中还有各种项目配置比如eslint 校验代码工具配置等等，而我们想要进行前端项目的二次开发，就必须了解会使用这些东西，所以作者写了这篇文章进行简单的介绍。
135
0
0
|
5月前
|
设计模式
JavaScript
