可能谨防迭代期间 Vue 组件渲染函数中潜在的无限更新循环

Question

我有一个包含 4 个对象的数组，我将其渲染如下

<div v-for="item in cant_objetivos_tipo">
        {{ item.__data__.nombre_monitor_tipo + ' : ' + item.__data__.cantidad_objetivos }}
</div>

然后当我尝试用数据填充另一个数组时，如下所示

<div v-for="item in cant_objetivos_tipo">
        {{ datapie.push(item.__data__.nombre_monitor_tipo + ' : ' + item.__data__.cantidad_objetivos) }}
</div

我遇到无限循环错误

datapie[] 之前声明

<script>
    import axios from 'axios'
    
    export default {
        data() {
            return {
                cant_objetivos_tipo: [],
                datapie: [],
          }
        },...

希望您能帮助我，非常感谢您

Answer 1

雷雷