比如要实现，数组显示10条，例如当前数据只有7条，那另外3条不存在，需要自动补充占位，假如占位内容是 00，需要怎么实现这样效果；
21，32，43，54，65，76，87，00，00，00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<style type="text/css">
</style>
</head>
<body>
<div id="app">
<p v-for="val in flist(list,10,'00')">{{val}}</p>
</div>
<script>
var app = new Vue({
el:"#app",
data: {
list:[21,32,43,54,65,76,87]
},
methods: {
flist: function (arr,n,str) {
for (var i = arr.length; i < n; i++) {
arr.push(str)
}
return arr;
}
}
});
</script>
</body>
</html>
判断数组长度，如果没有10个元素，就push少了的元素进去就可以了。
判断数组长度，如果没有10个元素，就push少了的元素进去就可以了。
您好，我是有问必答小助手，你的问题已经有小伙伴为您解答了问题，您看下是否解决了您的问题，可以追评进行沟通哦~
如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～
ps:问答VIP仅需29元，即可享受5次/月 有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632
这种占位效果可能不太好，如果你的列表每项有hover效果，那么你占位的那几个也会有hover效果，这种占位效果用户体验不太好
非常感谢您使用有问必答服务，为了后续更快速的帮您解决问题，现诚邀您参与有问必答体验反馈。您的建议将会运用到我们的产品优化中，希望能得到您的支持与协助！
速戳参与调研>>>https://t.csdnimg.cn/Kf0y