用vue从后台请求数据,目前数据已经请求到,但遇到的一个问题是:请求的数据返回后如何按字母大小排序?

用vue从后台请求数据,目前数据已经请求到,但遇到的一个问题是:请求的数据返回后如何按字母大小排序?

如图是请求的数据接口

img

如图是返回的数据,用A-Z将城市按照首字母排序

img

如图是将城市展示到页面上的代码

img

如图是展示的结果,想要按照A-Z来排序,目前是乱的,怎么解?

img

v-for的渲染顺序又不能指定,建议不要用对象储存26个数组,改为一个大数组,然后用索引值排列A-Z,字符用ascii生成应该就行了

先循环对象把。对象里的数组,push到一个新数组,用数组循环。

因为你现在这个allCitys是一个对象,你循环的时候就没有按照下标渲染,你可以先把他转换成数组,再来循环展示