<track id="iwpfp"></track>

<menuitem id="iwpfp"><dfn id="iwpfp"></dfn></menuitem>
<menuitem id="iwpfp"></menuitem>
  • <bdo id="iwpfp"><dfn id="iwpfp"></dfn></bdo>
    <track id="iwpfp"><div id="iwpfp"></div></track>
    <menuitem id="iwpfp"></menuitem>

    <nobr id="iwpfp"></nobr>

    <track id="iwpfp"><span id="iwpfp"></span></track>
    <bdo id="iwpfp"></bdo>
  • <tbody id="iwpfp"><span id="iwpfp"><address id="iwpfp"></address></span></tbody>

      <menuitem id="iwpfp"><dfn id="iwpfp"></dfn></menuitem>

      <tbody id="iwpfp"></tbody>
    1. <track id="iwpfp"></track>
    2. <bdo id="iwpfp"></bdo>
    3. 咨詢電話:
      15628812133
      01
      2024/01

      如何解決vue深層數組修改后不渲染問題

      發布時間:2024-01-01 16:05:59
      發布者:MaiMai
      瀏覽量:
      0

      在從后臺獲取復雜數據類型時,有時我們會有從本地添加屬性的需求。 如圖, `item.hover` 是動態添加到 `changeUserList` 數組中的屬性,后臺的對象數組中沒有 `hover` 這個鍵,Vue 默認情況下并不會對動態添加的屬性進行響應式處理。

      改變變量值

      這種寫法就會導致在控制臺可以正常打印,但在HTML結構中卻不會進行一些響應式的變化。

      這種情況通常發生在動態添加屬性或者鍵到對象上時,因為 Vue 默認只會對初始化時就存在的屬性進行響應式處理。

      為了讓 Vue 能夠對動態添加的屬性進行響應式處理,可以使用 `Vue.set` 或 `this.$set` 方法將具體屬性添加到數組的每個對象中。示例如下:

      強制修改變量

      除此之外還有一個解決方法是使用 `$forceUpdate()` 強制更新視圖。這個方法會重新渲染整個組件,但不推薦頻繁使用,因為它可能會影響性能。


      關鍵詞:
      返回列表
      国偷自产一区二区免费视频|2019最新国产在线观看|久久99精品久久久久久野外|狂野欧美一区二区久久
      <track id="iwpfp"></track>

      <menuitem id="iwpfp"><dfn id="iwpfp"></dfn></menuitem>
      <menuitem id="iwpfp"></menuitem>
    4. <bdo id="iwpfp"><dfn id="iwpfp"></dfn></bdo>
      <track id="iwpfp"><div id="iwpfp"></div></track>
      <menuitem id="iwpfp"></menuitem>

      <nobr id="iwpfp"></nobr>

      <track id="iwpfp"><span id="iwpfp"></span></track>
      <bdo id="iwpfp"></bdo>
    5. <tbody id="iwpfp"><span id="iwpfp"><address id="iwpfp"></address></span></tbody>

        <menuitem id="iwpfp"><dfn id="iwpfp"></dfn></menuitem>

        <tbody id="iwpfp"></tbody>
      1. <track id="iwpfp"></track>
      2. <bdo id="iwpfp"></bdo>