Tengo esta tabla con casillas de verificación. Uso la propiedad definida calculada en <th> v-model para marcar todas las casillas de verificación en <td>

esta es mi mesa:

 <table id="table"> <tr> <th style="text-align: center"> <input type="checkbox" name="tableCheckBox" v-model="firstSelectAll" /> </th> <th style="text-align: right">#</th> <th>Name</th> <th>Program</th> <th>Iteration</th> <th>Stream</th> <th>Group</th> </tr> <tr v-for="(data, index) in firstFetchUserData" :key="data.ind_id" :value="data.ind_id" style="cursor: pointer" > <td class="td-checkbox"> <input type="checkbox" v-model="selected" :value="data" number /> </td> <td>{{ data.program_name }}</td> <td>{{ data.iteration_name }}</td> <td>{{ data.stream_name }}</td> <td>{{ data.group_name }}</td> </tr> </table>

y esta es mi propiedad calculada que logra marcar todas las casillas de verificación en <td>

 firstSelectAll: { get: function () { return this.firstFetchUserData ? this.selected.length == this.firstFetchUserData.length : false; }, set: function (value) { var selected = []; if (value) { this.firstFetchUserData.forEach(function (user) { selected.push(user); }); } this.selected = selected; }, },

puede ver en este enlace Marque todas las casillas de verificación vuejs , hago referencia a mi código al voto positivo más alto en las respuestas. La cosa está en mi local, funciona perfectamente, pero en la implementación/compilación, muestra este error cuando hago clic en la casilla de verificación responsable de marcar todas las casillas de verificación: