Vue3 使用数组创建动态列表并计算每个元素的平方加一
<template>
<div>
<div v-for='item in arr' :key='item'>{{computedArr[item]}}</div>
</div>
</template>
<script>
export default {
data() {
return {
arr: [1, 3, 4, 5, 5]
}
},
computed: {
computedArr() {
return this.arr.reduce((prev, cur) => {
prev[cur] = cur * cur + 1;
return prev;
}, {});
}
}
}
</script>
原文地址: https://www.cveoy.top/t/topic/oubP 著作权归作者所有。请勿转载和采集!