gckohaku / gckohaku/WebClock

v-for に key を追加

Open
#8 0 comments 0 reactions 0 assignees View on GitHub
needs be deal with
Dominant language
Vue
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

# 概要
key 属性を追加していないせいでうまく動いていない部分が出てきていた。
v-for を入れている要素には key 属性が必要であると公式のドキュメントにもあるので、発見次第追加するようにしていきたい。

## 参考
[Vue 公式ドキュメントの key による状態管理の説明](https://ja.vuejs.org/guide/essentials/list.html#maintaining-state-with-key)
[Vue 公式では v-for に key 属性を付けることを必須としている](https://ja.vuejs.org/style-guide/rules-essential.html#use-keyed-v-for)
[該当する注意点が書かれている note 記事](https://note.com/shift_tech/n/nbcae6c4ab442)

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by searching the Vue project for every v-for usage and inspect the surrounding components. Add a key to each applicable v-for element, then verify that no relevant usages remain without one and check the affected clock views in the browser.

Written by the indexing model from the issue text.

Assessment

Domain
frontend, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.