今天在使用 Vue 開發(fā)過程中,前臺控制臺報了一個警告,經(jīng)過一番百度,最終解決了問題,過程如下。
//控制臺報錯信息
vue.runtime.esm.js?2b0e:619 [Vue warn]: You may have an infinite update loop in watcher with expression "value"
控制臺信息
-
控制臺警告錯誤如圖:警告圖片
原因
-
報錯是因為我要給 v-for 里邊的一個數(shù)組類型的 item 排序,如果是普通的綁定,用計算屬性是搞定的。然而,這個牽扯到傳參,計算屬性用起來就不那么省心了,只能乖乖寫個方法。雖然正常渲染,但是報錯了:
經(jīng)過一番百度,在vue issue 里邊找到了尤大神的回復(fù),不能直接用 sort() 函數(shù)進行排序。
解決方案
- 第一種:使用后臺進行排序,前端只負責(zé)接收,展示。
- 第二種:將排序變量放入方法內(nèi),定義在局部變量里。
問題解決。
歡迎微信搜索【Java猿記】,關(guān)注回復(fù)【面試】獲取免費面試資料。