要按照最后添加的Vue JS排序项目,可以通过以下步骤解决:
new Vue({
el: '#app',
data: {
projects: [
{ name: 'Project A', date: '2021-05-01' },
{ name: 'Project B', date: '2021-05-02' },
{ name: 'Project C', date: '2021-05-03' },
]
},
methods: {
addProject: function() {
// 在列表末尾添加一个项目
this.projects.push({ name: 'New Project', date: new Date().toISOString().slice(0, 10) });
},
sortByDate: function() {
// 按日期排序,最新的项目排在最前面
this.projects.sort((a, b) => new Date(b.date) - new Date(a.date));
}
}
});
-
{{ project.name }} - {{ project.date }}
在这个示例中,点击"添加项目"按钮会在项目列表末尾添加一个新项目,点击"按日期排序"按钮会按照日期排序项目列表,最新的项目排在最前面。
这样,每次添加新项目后,点击"按日期排序"按钮就能够按最后添加的项目进行排序。