可能謹防迭代期間 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

雷雷