使用vux的tab選項卡下標位置不對

問題：

上圖是一個tab，用的vuex中的組件，很明顯的一個問題就是下面的下標位置不對。

打開控制檯看樣式，應該是默認進頁面的時候，會去計算初始位置。

以上的tab選項卡的數據是接口請求回來的

tabList:[]

this.tabList=res.data;

這兩句賦值代碼應該是很熟悉了。賊6。

因爲接口中，沒有返回「所有」，因此，是本身拼接進去的

this.tabList.unshift({name:'所有',id:0})

這個也很好理解，可是下標位置依然不對。

忽然回想起來，當初本身造數據來測試的時候，默認給的tabList

tabList: ["所有", "建檔", "促排", "取  卵", "移植", "保胎"],

而後把初始數據填上，奇蹟般的歐克了。。。

因此最終的結構，應該是這樣的

//初始化數據
tabList: ["所有", "建檔", "促排", "取卵", "移植", "保胎"]


//請求接口賦值
res.data.unshift({name:"所有",id:0})
this.tabList=res.data;

//而後你的tabList就能夠完美的渲染上去了，牛皮！

也算踩坑吧。

==============================

這個應該是初始化渲染的時候，畢竟請求接口是須要時間的，可是默認下標已經去計算完了，接口數據尚未返回，致使的下標位置對（我猜的）

而後又去試了一下，發現初始化的時候，tabList只要給2個以上的值，就能夠了，並且什麼值都無所謂，以下：

//初始化數據(隨便給2個就行了，給一個還不行)
tabList: [0,0]