Starter · code-edit

v-if/v-show 與穩定 key

先看見缺口,再完成一個小修改。

Starter 要做什麼

先看見缺口,再完成一個小修改。

本主題檔案:files/index.html

定位:先分別查 querySelector 是否為 null 與 getComputedStyle(display),再檢查 key 身份。

本階段驗收

頁面不會替你修改檔案;請在實作檔完成後重新整理確認。

目前要處理

if/show 皆可見,清單 a,b 且各有自己的 input value。

預期看到

ifExistsAfter=false、showExistsAfter=true、showDisplay=none、stableIdentity=true。

<p v-if='open'>;<p v-show='open'>;<li v-for='item in items' :key='item.id'>。

檔案清單

只在本階段資料夾內操作,避免改到其他章節。

證據:ifExistsAfter=false、showExistsAfter=true、showDisplay=none、stableIdentity=true

前往 Checkpoint →