vue去除数组中为0的元素的实例代码
时间: 2024-03-15 16:43:52 浏览: 66
数组的去零操作代码
可以使用 JavaScript 中的 `filter()` 方法来实现去除数组中为0的元素。下面是一个使用 Vue 的示例代码:
```
<template>
<div>
<p>原数组:{{ originalArray }}</p>
<p>去除0元素后的数组:{{ filteredArray }}</p>
</div>
</template>
<script>
export default {
data() {
return {
originalArray: [1, 0, 3, 0, 5, 0, 7],
filteredArray: []
};
},
mounted() {
this.filteredArray = this.originalArray.filter(item => item !== 0);
}
};
</script>
```
在上面的代码中,`originalArray` 是原始数组,`filteredArray` 是去除0元素后的数组。在 `mounted()` 钩子函数中,使用 `filter()` 方法过滤掉数组中的0元素,并将结果赋值给 `filteredArray`。最终,我们可以在模板中使用 `filteredArray` 来展示结果。
阅读全文