【vue.js】 v-for 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] }})如果一切顺利的话,你已经看到
·
模板:
<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>
更多推荐
已为社区贡献1条内容
所有评论(0)