Custom selected row not working about quasar-qgrid HOT 7 CLOSED

<q-grid :data="data" :columns="columns" :columns_filter="true" :draggable="true" selection="multiple"
            :csv_download="true" file_name="sample" :groupby_filter="true"
            :selected="selected" row_key="name"
            @selected-val="GetSelected($event)">
      <template v-slot:body="props">
        <q-tr :props="props">
          <q-td>
            <q-checkbox color="secondary" v-model="selected" :val="props.row"/>
          </q-td>
          <q-td key="name">
            {{ props.row.name }}
          </q-td>
          <q-td key="calories">
            <q-badge color="green">
              {{ props.row.calories }}
            </q-badge>
          </q-td>
          <q-td key="fat">
            <q-badge color="purple">
              {{ props.row.fat }}
            </q-badge>
          </q-td>
          <q-td key="carbs">
            <q-badge color="orange">
              {{ props.row.carbs }}
            </q-badge>
          </q-td>
          <q-td key="protein">
            <q-badge color="primary">
              {{ props.row.protein }}
            </q-badge>
          </q-td>
          <q-td key="sodium">
            <q-badge color="teal">
              {{ props.row.sodium }}
            </q-badge>
          </q-td>
          <q-td key="calcium">
            <q-badge color="accent">
              {{ props.row.calcium }}
            </q-badge>
          </q-td>
          <q-td key="iron">
            <q-badge color="amber">
              {{ props.row.iron }}
            </q-badge>
          </q-td>
        </q-tr>
      </template>
    </q-grid>

<q-td>
  <q-checkbox color="secondary" v-model="selected" :val="props.row"/>
</q-td>