Use col.field instead of array index as v-for key on Column components

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-09 21:06:50 +08:00
parent 242c96f978
commit 533b78a37f
3 changed files with 3 additions and 3 deletions

View File

@@ -87,7 +87,7 @@
tableClass="text-sm" tableClass="text-sm"
breakpoint="0" breakpoint="0"
> >
<div v-for="(col, index) in columnData" :key="index"> <div v-for="col in columnData" :key="col.field">
<Column :field="col.field" :header="col.header"> <Column :field="col.field" :header="col.header">
<template #body="{ data }"> <template #body="{ data }">
<div <div

View File

@@ -99,7 +99,7 @@
tableClass="text-sm" tableClass="text-sm"
breakpoint="0" breakpoint="0"
> >
<div v-for="(col, index) in columnData" :key="index"> <div v-for="col in columnData" :key="col.field">
<Column :field="col.field" :header="col.header"> <Column :field="col.field" :header="col.header">
<template #body="{ data }"> <template #body="{ data }">
<div <div

View File

@@ -78,7 +78,7 @@
tableClass="text-sm" tableClass="text-sm"
breakpoint="0" breakpoint="0"
> >
<div v-for="(col, index) in columnData" :key="index"> <div v-for="col in columnData" :key="col.field">
<Column :field="col.field" :header="col.header"> <Column :field="col.field" :header="col.header">
<template #body="{ data }"> <template #body="{ data }">
<div <div