用vue写一个递归方法的demo,结果是输出多维数组
时间: 2023-06-12 08:02:21 浏览: 47
好的,我可以为您提供一个用Vue编写递归方法的示例,该方法输出多维数组。以下是代码:
<template>
<div>
<p>{{ displayArray }}</p>
</div>
</template>
<script>
export default {
data() {
return {
array: [1, [2, [3, [4]], 5], 6],
displayArray: ''
}
},
mounted() {
this.displayArray = this.generateArray(this.array)
},
methods: {
generateArray(arr) {
let result = ''
for (let i = 0; i < arr.length; i++) {
if (Array.isArray(arr[i])) {
result += this.generateArray(arr[i])
} else {
result += `${arr[i]} `
}
}
return result
}
}
}
</script>
在这个示例中,我们首先定义了一个多维数组,然后将其传递给generateArray方法。generateArray方法使用递归来遍历多维数组中的所有元素,并将每个元素添加到一个字符串中。最后,将此字符串分配给displayArray属性,并在模板中显示。
希望这个示例能够回答您的问题。如果您有任何其他问题,请随时问我!