v-model,請求到的list數據分別賦值給兩個變量,v-model改變其中一個變量的值,另一個也隨即改變


場景:

        例如管理員請求到問答管理的列表數據,我們將請求到的list數組分別賦值給datalist,和 willChangeList。

   當我們在頁面上顯示出待管理的列表:

並且

<div   v-for="item   in    dataLIst" >

    <input  type="radio"  v-for="item2 in YouWuXiaoLIst" v-model="item.VILID"  :value="item2.value"  @change="goToChange(item)">

</div>

YouWuXiaoLIst=[

{name:'有效',value:1},

{name:'無效',value:2}

]

當我們點擊改變有效或者無效按鈕的時候,看似是在操作dataLIst,但是willChangeList也會隨着改變而改變,因為我們循環的也是dagtaList,但是:
我們賦值的時候,傳遞的不是值,而是引用,他們指向的是同一個空間;

要想打破這種局面,我們只需要這樣:

  • let cate = JSON.stringify(result.list)
  • this.cate = JSON.parse(cate)

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM