vue.js和echart踩坑(一)——v-for和ref結合使用

• v-for和ref結合使用
  • 在編寫前端界面時，會遇到複用程度較高的echart組件，這時使用v-for來進行組件複用會非常高效，而且代碼也會更加整潔。在前端代碼中，整潔的代碼簡直讓人感動的掬一把眼淚。
  • 一般情況下，前端的v-for是可以正常顯示的，但是在遇到ref時，就會出現無法找到組件的情況。
  • debugg跟蹤了一下，發現，ref是將數據拼接成數組，並且將結構體數據中的第一項作爲數組的第一項，將結構體的第二項，作爲該數組下的第二項。
  • 那麼將結構體中的數據名稱全部命名爲一樣的名字，就會獲得一個數組，不同項的結果，也可以正常使用了。
• 查詢的資料如下：
  • https://www.jianshu.com/p/8617f8852df7