标签
Vue子元件改props連父頁也變：用emit交回修改
把會員物件傳進編輯卡片後，子元件改了 user.name，父頁的名稱竟然也跟著變。你可能以為props是唯讀，所以子元件裡的修改應該沒有作用；問題是，物件的巢狀...
Vue改值後讀到舊畫面：nextTick等更新完成
程式把計數改成1，接著立刻讀畫面的文字，結果還是0。資料已經更新，畫面不是每一行JavaScript都立即重畫。Vue會把同一輪變動的DOM更新整理成批次，等更...
Vue計算排序後原清單也變：先複製陣列再sort
商品頁一邊顯示原始順序，一邊用computed顯示低價優先。讀取排序清單後，原始清單卻也被排過了。先看getter裡是否直接對來源呼叫 sort()。JavaS...
Vue收合再打開輸入不見：v-if與v-show保留狀態差別
設定面板輸入了一段文字，收合再打開卻變空白。先看收合條件用了 v-if還是 v-show，再確認文字狀態放在哪個元件。v-if不顯示時會拆掉對應內容；如果輸入草...
Vue卡片內按按鈕也觸發外層：click stop阻止冒泡
按收藏按鈕時，卡片的開啟動作也一起執行。先看按鈕是否放在有click監聽的父元素裡。DOM的點擊事件通常會往父層傳播，內層按鈕的處理函式完成後，外層仍可能接到同...
Vue清單要聚焦某筆欄位：用function refs按ID找元素
清單重新排序後，程式用ref陣列的第幾個元素聚焦，結果跳到另一筆輸入欄位。先分清資料ID與DOM陣列位置。Vue官方template refs文件提醒，v-fo...
Vue watchEffect在await後讀取欄位，為何改值卻沒更新？
切換選單後，Vue畫面上的選項已變，載入內容卻停在第一次？如果你把資料讀取寫在watchEffect(async () => ...)裡，先看那個欄位是在...
Next.js站內連結用Link還是a：別讓每次換頁都重載
改 Next.js 網站的導覽列時，連結能打開就算完成了嗎？假如訪客剛輸入搜尋字詞，點進模板列表後整頁重新載入，字詞又變空白，操作就被打斷了。站內路由通常先用 ...
Next.js重新整理和站內切換結果不同：找出讀取狀態的位置
Next.js 列表切換後，網址已經是 ?q=shop，搜尋標題卻還寫 blog；按一下瀏覽器重新整理，標題又正常了。這種差異不一定是快取，也不一定是 Link...
Next.js圖片元件拒絕外部圖片：remotePatterns怎麼對網址
外部圖片直接打開有圖，放進 Next.js 的 Image 元件卻報「hostname is not configured」。先抄下出錯的完整 src，再與 r...
Next.js表單狀態一直顯示送出中：用pending提示與重試
訪客按送出，按鈕變成「送出中」，等了很久卻無法再按。先看請求是不是還在等待，還是已經回錯誤而畫面沒解除狀態。兩種原因的修法不同；把按鈕重新打開，只解決了表面操作...
Next.js改了環境變數還是舊值：NEXT_PUBLIC在建置時固定
Next.js網站換了API網址，容器裡也能讀到新環境變數，瀏覽器卻繼續送往舊網址。先確認程式讀的是不是 NEXT_PUBLIC_ 開頭的值。這類變數在直接引用...