mpvue的v-for怎么使用:key使其不按照索引index排序,需要按照id

发布于 8 年前作者 haojuan1841 次浏览最后编辑 8 年前来自 ask

如下是v-for的目标数组:


let arr = [{id: “0”, name: “a”},{id: “2”, name: “c”},{id: “1”, name: “b”}]


在html中使用如下写法来遍历上面的数组:


v-for=“item in arr” :key=“item.id


正确的结果应该按照id来排序,应该显示a,b,c


但是实际还是按照索引index排序的,得到的结果是a,c,b


请问应该怎么写?

1 回复
duwei
duwei1 楼6 年前

key不是用于排序的;vue不是,微信小程序也不是。遍历顺序是按照数组本身的顺序来的。拿到数组后先arr.sort((a,b)=>{balbala……})