Vue前臺警告You may have an infinite update loop in watcher with expression

今天在使用 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ù)進行排序。

解決方案

  1. 第一種:使用后臺進行排序,前端只負責(zé)接收,展示。
  2. 第二種:將排序變量放入方法內(nèi),定義在局部變量里。

問題解決。

歡迎微信搜索【Java猿記】,關(guān)注回復(fù)【面試】獲取免費面試資料。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容