今天在使用 Vue 開(kāi)發(fā)過(guò)程中偎行，前臺(tái)控制臺(tái)報(bào)了一個(gè)警告，經(jīng)過(guò)一番百度熄云，最終解決了問(wèn)題妙真，過(guò)程如下。
//控制臺(tái)報(bào)錯(cuò)信息
vue.runtime.esm.js?2b0e:619 [Vue warn]: You may have an infinite update loop in watcher with expression "value"
控制臺(tái)信息
-
控制臺(tái)警告錯(cuò)誤如圖：警告圖片
原因
-
報(bào)錯(cuò)是因?yàn)槲乙o v-for 里邊的一個(gè)數(shù)組類(lèi)型的 item 排序练般，如果是普通的綁定薄料，用計(jì)算屬性是搞定的泵琳。然而，這個(gè)牽扯到傳參虑稼，計(jì)算屬性用起來(lái)就不那么省心了，只能乖乖寫(xiě)個(gè)方法蛛倦。雖然正常渲染歌懒，但是報(bào)錯(cuò)了：
經(jīng)過(guò)一番百度，在vue issue 里邊找到了尤大神的回復(fù)溯壶，不能直接用 sort() 函數(shù)進(jìn)行排序及皂。
解決方案
- 第一種：使用后臺(tái)進(jìn)行排序，前端只負(fù)責(zé)接收且改，展示验烧。
- 第二種：將排序變量放入方法內(nèi)，定義在局部變量里又跛。
問(wèn)題解決碍拆。
歡迎微信搜索【Java猿記】，關(guān)注回復(fù)【面試】獲取免費(fèi)面試資料慨蓝。
