【vue.js】v-forjs排序问题
模板：
sort函数 js<li v-for="item in items">
{{item}}
</li>
js：
var app=new Vue({
el:'#app',
data:{
items:[20,23,18,65,32,19,54,56,41]
}
})
如果⼀切顺利的话，你已经看到了结果，但是这个⼩程序还是有个⼩Bug的，现在我把数组修改成这样。
items:[20,23,18,65,32,19,5,56,41]
我们把其中的54修改成了5，我们再看⼀下结果，发现排序结果并不是我们想要的。
我们可以⾃⼰编写⼀个⽅法sortNumber，然后传给我们的sort函数解决这个Bug。
computed:{
sortItems:function(){
return this.items.sort(sortNumber);
}
}
function sortNumber(a,b){
return a-b
}
同时 模板 items 替换成 sortItems
<li v-for="item in sortItems">
{{item}}
</li>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。