Vue 框架中遇到的訣竅

                                                問題1、 我須要渲染數組A,並根據 B數組中是否存在A中,給A添加 選中狀態sel。vue

通過很焦慮的研究後,尋求幫助獲得答案。api

一、初始化數據時 A添加屬性flag(bool)標識,若是B中存在A中某個 就 flag=true。數組

二、渲染頁面時 使用關鍵 指令:class  (v-bind)   ,異步

{'select-tag': item.flag}解析:  當 item.flag 爲 true時輸出  select-tag
<div class="block-tags" :class="['',{'select-tag': item.flag}]" v-for="(item,index) in defaultType" :data-id="item.id">
      {{ item.name }}
</div>

總結:   實戰驗實力spa

    問題2、異步獲取數據後 獲取到 B對象,因而乎我把    A = B , C = B ;code

結果:  在使用當中,一旦 修改 ABC任意值,三個都會被修改。  這真是無語了。對象

最終解決方案:blog

使用了  JS:Object.assign         Object.assign(target, ...sources)ip

這個簡直厲害了,   A = Object.assign([], B);   這樣就解決問題了。  get

 

 

一級棒~!

相關文章
相關標籤/搜索