例:
export default {
data() {
recentVisitors: [1, 2, 3, 4, 5, 6, 7]
},
created() {
this.getPagingcompute(this.recentVisitors)
},
methods: {
getPagingcompute(recentV) {
const tempRecentVisitors = recentV.splice(
0,
3
);
return tempRecentVisitors;
}
}
}
输出结果后发现:
recentV等于[4, 5, 6, 7],recentVisitors也变成[4, 5, 6, 7]了。
结论:
vue 双向绑定的原因导致,splice删除数组里面元素,原数组发生了变化。
解决方案:
使用for循环代替splice
getPagingcompute(recentV,start,end) {
let tempRecentVisitors = [];
for (let index = start; index < end; index++) {
......
......
}
return tempRecentVisitors;
}