文章 2024-07-01 来自:开发者社区

Vue 组件封装 | 给汉字注音(带声调),内含汉字转拼音(带声调/不带声调),获取汉字首字母的方法

  <s-pinyin content="我们都有一个家,名字叫中国。"></s-pinyi...

Vue 组件封装 | 给汉字注音(带声调),内含汉字转拼音(带声调/不带声调),获取汉字首字母的方法
文章 2023-12-12 来自:开发者社区

使用vue模拟通讯录列表,对中文名拼音首字母提取并排序

一个功能需求,做一个类似联系人列表的功能,点击名称获取对应的id,样式简陋,只是一个模板,原来是uniapp项目,根据需要改成了vue,需要的自行设计css(万是有一个mo的音)流程获取数据提取首个字的拼音的首个字母排序并分组上代码:<template> <div> <div v-for="(item,index) in indexList"> ...

使用vue模拟通讯录列表,对中文名拼音首字母提取并排序
文章 2023-11-03 来自:开发者社区

vue中对数据按照首字母顺序进行排序

1.首先需要下载插件 npm install js-pinyin2.引用插件3.对请求来的数据进行操作后续就是遍历数据根据数据字母的开头放入一个新对象里,并在遍历完成后,对空的对象进行删除,在以删除后的数据进行渲染页面效果如下

vue中对数据按照首字母顺序进行排序

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注