直接修改props中的值,瀏覽器發出警告

2021-09-12 23:38:26 字數 552 閱讀 8122

改變了子元件中的props中的值,瀏覽器會發出警告

在vue文件中的單向資料流也提到了

每次父級元件發生更新時,子元件中所有的 prop 都將會重新整理為最新的值。這意味著你不應該在乙個子元件內部改變 prop。如果你這樣做了,vue 會在瀏覽器的控制台中發出警告。
在一次專案中,我直接更改了父元件傳遞給子元件的值。瀏覽器果然報錯了。**如下

父元件:

子元件

但是我確實需要修改props的值,並將其資料渲染給dom元素

那麼解決辦法就是不直接更改props的值,而是更改其引用型別,這樣控制台就不會報錯了。

父元件:

子元件

這樣就不是改變值,而是通過改變引用型別。這是因為父元件傳遞給子元件的是乙個引用,也就是記憶體位址。我們改變了orderdata的值,並沒有改變記憶體位址。所以不會發出警告

修改瀏覽器 User Agent

ie 修改ie的useragent需要編輯登錄檔。hkey current user software microsoft windows currentversion internet settings 5.0 user agent post platform hkey local machine...

微信端瀏覽器title值的修改

若是pc端網頁 jquery方式 document attr title title html document attr title 我的頁面標題修改 title html 我的頁面標題修改 所以這裡修改了title後,立即建立乙個請求,載入乙個空的iframe,由於載入後立即就移除,不會對頁面造...

vue中修改props傳進來的值

總所周知,vue是單向資料流,一般我們也不會在子元件裡面修改父元件傳進來的值,但總有需要修改的時候。前段時間乙個專案中有遇到上述情況,假設我直接傳進來乙個list,當時我直接在裡面改了list,但是卻驚訝的發現沒有報錯,以前好像有遇到直接修改丟擲錯誤的,但這次卻沒有,當時也沒有多想,最近空閒下來又想...