Estoy usando element-ui-el-table-draggable para obtener el efecto arrastrable.

Mi tabla se representa con el siguiente código y se puede arrastrar para cambiar el orden de las filas.

 <p class="p-3" v-if="departmentlist"> <ElTableDraggable> <el-table stripe class="table-responsive table" header-row-class-name="thead-light" :data="departmentlist" @row-click="row_clicked_event"> <!-- <el-table-column label="ID" prop="IDn"> <template v-slot="{ row }"> {{ row.IDn }} </template> </el-table-column> --> <el-table-column label="PLU" prop="PLU" :key="PLU"> </el-table-column> <el-table-column :label="$t('Name') + '1'" prop="Name1" :key="$t('Name') + '1'"> </el-table-column> <el-table-column :label="$t('Name') + '2'" prop="Name2" :key="$t('Name') + '2'"> </el-table-column> <el-table-column :label="$t('Sort Order')" prop="SortOrder" :key="$t('Sort Order')"> </el-table-column> <el-table-column :label="$t('Remarks')" prop="Remarks" :key="$t('Remarks')"> </el-table-column> </el-table> </ElTableDraggable> </p> <p class="p-3" v-else> {{ $t("No Records") }} </p>

Sin embargo, cada vez que se actualice la página, el pedido volverá a su estado original. Esto se debe a que el 'Orden de clasificación' nunca se modificó después de que arrastré y moví una fila.

¿Qué se puede hacer para que cada vez que se mueva una fila, pueda llamar a un método?