Tengo el siguiente código en tbody

 <tr v-for="item in apiResponse.costGroups" :key="item.process_receipt_id"> <td class="pl-0 pr-0"> <el-input type="text" v-model="getCostGroupProp(item, 'process_receipt_date')" class="no-border-input-datatable"/> </td> </tr>

en el objeto de methods , tengo el siguiente código.

 methods: { getCostGroupProp(costGroup, prop) { return costGroup[prop] } }

y me sale el siguiente error:

SyntaxError: asignación a rvalue

Sin embargo, funciona bien cuando escribo código HTML como este.

 <tr v-for="item in apiResponse.costGroups" :key="item.process_receipt_id"> <td class="pl-0 pr-0"> <el-input type="text" v-model="item.process_receipt_date" class="no-border-input-datatable"/> </td> </tr>

He leído en una de las preguntas sobre StackOverflow que el problema es que no podemos tener un número en el modelo v. Pero no tengo un número en el modelo v y el código también funciona bien con el segundo enfoque y con el mismo conjunto de propiedades, así que no entiendo por qué.

¿Alguien puede ayudarme a entender por qué es así? Lo aprecio. ¡Gracias!