v-for 添加 key

Author: TakWolf

www/index.html

@@ -47,15 +47,15 @@ <h1 class="title">思源映射查看器</h1>
             </div>
         </template>
         <div class="search-result">
-            <div class="item" v-for="codePoint in searchQuery" :set="c = String.fromCodePoint(codePoint)">
+            <div class="item" v-for="codePoint in searchQuery" :key="codePoint" :set="c = String.fromCodePoint(codePoint)">
                 <div class="title">
                     <span class="code-point">U+{{ codePoint.toString(16).toUpperCase().padStart(4, '0') }}</span>
                     <span class="char">{{ c }}</span>
-                    <span class="tag" v-for="tag in mapping[codePoint].tags">{{ tag }}</span>
+                    <span class="tag" v-for="tag in mapping[codePoint].tags" :key="tag">{{ tag }}</span>
                 </div>
                 <div class="glyphs">
                     <div class="line" v-if="displaySans && 'sans' in mapping[codePoint]">
-                        <div class="glyph" v-for="languageFlavor in languageFlavors" :set="glyphName = mapping[codePoint]['sans'][languageFlavor]">
+                        <div class="glyph" v-for="languageFlavor in languageFlavors" :key="languageFlavor" :set="glyphName = mapping[codePoint]['sans'][languageFlavor]">
                             <div class="info sans-info">
                                 <span class="language-flavor">{{ languageFlavor.toUpperCase() }}</span>
                                 <span class="glyph-name">{{ glyphName }}</span>
@@ -64,7 +64,7 @@ <h1 class="title">思源映射查看器</h1>
                         </div>
                     </div>
                     <div class="line" v-if="displaySerif && 'serif' in mapping[codePoint]">
-                        <div class="glyph" v-for="languageFlavor in languageFlavors" :set="glyphName = mapping[codePoint]['serif'][languageFlavor]">
+                        <div class="glyph" v-for="languageFlavor in languageFlavors" :key="languageFlavor" :set="glyphName = mapping[codePoint]['serif'][languageFlavor]">
                             <div class="info serif-info">
                                 <span class="language-flavor">{{ languageFlavor.toUpperCase() }}</span>
                                 <span class="glyph-name">{{ glyphName }}</span>