我想调用一个函数，即使v-for有新元素添加。在我的情况下，元素是choosen_products，所以每当我有新元素在v-for我想调用CalculateSubtotal(i)，choosen_products原来有0个元素，但它会循环当我按下添加按钮（没有在这个scrop），然而，即使我尝试@change，什么都没有调用。

<tr v-for="p, i in choosen_products" @change="CalculateSubtotal(i)">
    
    <td> {{ p.p_fullname }} </td>
    <td> {{ p.p_code }} </td>
    <td> {{ p.p_category }} </td>
    <td> {{ p.p_cost }} </td>
    <td> {{ p.p_margin }} </td>
    
    <td :ref="'add_all_sell'+i" :id="'add_all_sell'+i" th:onload="CalculateSubtotal(i)"> 
{{ p.p_sell }} 
</td>
</tr>

代替@change，如何让程序识别出tr或td有新元素，调用函数？