Javascript 如何使数据值​；在vue v-simple-table中，总和是否为平均值？

我有一张v形简易桌

“TotalAverage”的值是“ggFinalgrade”的总平均值

我能做些什么来获得这个值

第一个值是20

因为（30+20+10）/3=20

第二个值是25

因为（30+20）/2=25

我的代码

<template><div><v-card tile>
  <v-card-title>{{ fixed.CardTitle }}</v-card-title>
  <v-simple-table><thead><tr>
        <th class="text-left" width="25%">{{ fixed.CourseSectionsName }}</th>
        <th class="text-left" width="35%">{{ fixed.GradeItemsItemname }}</th>
        <th class="text-center" width="10%">{{ fixed.QuizAttemptsTimefinish }}</th>
        <th class="text-center" width="10%">{{ fixed.QuestionAttemptsResponsesummary }}</th>
        <th class="text-center" width="10%">{{ fixed.GradeGradesFinalgrade }}</th>
        <th class="text-center" width="10%">{{ fixed.TotalAverage }}</th>
      </tr></thead><tbody>
      <tr v-for="grade in grades" :key="grade.name">
        <td class="text-left ">
          {{ grade.csName }}</td>
        <td class="text-lefe">
          <div class="my-3" v-for="group in grade.group" :key="group.name">
            <a :href="group.url" style="text-decoration:none">
              {{ group.giItemname }}</a></div></td>
        <td class="text-center">
          <div class="my-3" v-for="qzaTimefinish in grade.qzaTimefinish" :key="qzaTimefinish.name">
            {{ qzaTimefinish }}</div></td>
        <td class="text-center">
          <div class="my-3" v-for="qaResponsesummary in grade.qaResponsesummary" :key="qaResponsesummary.name">
            {{ qaResponsesummary }}</div></td>
        <td class="text-center">
          <div class="my-3 text-center" v-for="group in grade.group" :key="group.name">
            {{ group.ggFinalgrade }}</div></td>
        <td class="text-center">{{ TotalAverage }}</td>
        </tr></tbody>
</v-simple-table></v-card></div></template>
<script>
export default { data() { return {
  fixed: {
    CardTitle: "課程1",
    CourseSectionsName: "內容",
    GradeItemsItemname: "測驗卷",
    QuizAttemptsTimefinish: "日期",
    QuestionAttemptsResponsesummary: "教師",
    GradeGradesFinalgrade: "結果",
    TotalAverage: "總平均"
  },
  grades: [
    {
      csName: "內容1",
      group: [{
          giItemname: "測驗1-1",url: "",ggFinalgrade: 30},
        {
          giItemname: "測驗1-2",url: "",ggFinalgrade: 20},
        {
          giItemname: "測驗1-3",url: "",ggFinalgrade: 10}],
      qzaTimefinish: ["0913", "0913", "1415"],
      qaResponsesummary: ["教師1", "教師3", "教師4"]},
    {
      csName: "內容2",
      group: [{
          giItemname: "測驗2-1",url: "",ggFinalgrade: 30},
        {
          giItemname: "測驗2-2",url: "",ggFinalgrade: 20}],
      qzaTimefinish: ["0913", "1415"],
      qaResponsesummary: ["教師1", "教師2"]
    }]};}};</script>

{{fixed.CardTitle}}
{{fixed.coursectionsname}
{fixed.gradeItemSiteName}
{fixed.QuizAttemptsTimefinish}
{fixed.QuestionAttemptsResponsesummary}
{fixed.gradesfFinalGrade}
{{fixed.TotalAverage}}
{{grade.csName}
{{qzaTimefinish}}
{{QAAresponseSummary}}
{{group.ggFinalgrade}
{{TotalAverage}}
导出默认值{data（）{return{
固定的：{
卡片名称：“課程1",
CourseSectionsName:“內容",
GradeItemSiteName:“測驗卷",
Quizattempstimefinish:“日期",
问题尝试响应摘要：“教師",
等级最终等级：結果",
总平均值：“總平均"
},
等级：[
{
csName:“內容1",
组：[{
giItemname:“測驗1-1“，url:，ggFinalgrade:30}，
{
giItemname:“測驗1-2“，url:，ggFinalgrade:20}，
{
giItemname:“測驗1-3“，url:，ggFinalgrade:10}]，
qzaTimefinish:[“0913”、“0913”、“1415”]，
QASresponseSummary:[”教師1", "教師3", "教師4"]},
{
csName:“內容2",
组：[{
giItemname:“測驗2-1“，url:，ggFinalgrade:30}，
{
giItemname:“測驗2-2“，url:，ggFinalgrade:20}]，
qzaTimefinish:[“0913”、“1415”]，
QASresponseSummary:[”教師1", "教師2"]
}]};}};

i.首先添加方法

ii.然后计算平均值和回报率

iii.最后打印总平均值

totalAverage(grades) {
   var average = 0;
   for(var i = 0; i < grades.length; i++){
       average+= Number(grades[i].ggFinalgrade);
   }
   return average / grades.length;    
},

totalAverage（等级）{
var平均值=0；
对于（变量i=0；i

---

用

{TotalAverage（grade.group）}替换
{{TotalAverage（grade.group）}}
我修改并添加了以下两点，但我的图片没有改变1.{TotalAverage（grade.group）}2.mounted:{TotalAverage（grades）{var average=0；for（var I=0；ItotalAverage函数上的
grades值
，分数是否是数组？是的，您没有在方法上放置totalAverage函数。成功！非常感谢