2017-08-08 92 views
0

我正在symfony項目中的vueJs工作。我有一個很好的工作,直到幾天。我沒有改變任何與vue有關的事情,但幾天後沒有任何理由,它不適用於chrome(自開始以來我就使用它),但在Firefox上效果很好。Chrome尋求追蹤,但不是火狐

所以,我做的是一個選擇:

<select v-model="selectedStock"> 
     <option :value="stock.id"v-for="stock in stocks">{{ stock.name }}</option> 
</select> 

我的 「股票」 ARA INIT與:

loadStocks() { 
    this.$http({ 
     url: 'api/stocks', 
     method: 'get' 
    }).then(response => { 
     this.stocks = response.data 
    }) 
}, 

和我的函數通過路線api/stocks稱爲是:

public function indexAction() 
{ 
    $em = $this->getDoctrine()->getManager(); 

    $stocks = $em->getRepository('RBOrdersBundle:Stock')->findAll(); 

    return new JsonResponse($this->get('rb.serializer')->onEntity($stocks)->toArray()); 
} 

當我正在進行local/api/stocks我有一個數組與2個對象

,當在響應部分loadStocks()我做的:alert(typeof response.data)鉻給我串和Firefox給我對象

最後在Chrome控制檯告訴我:

main.js:39752 [Vue warn]: Duplicate value found in v-for="stock in stocks": "0". Use track-by="$index" if you are expecting duplicate values. (found in component: <reassort-tool>)但像20倍一堆不同的信件,我很確定我的陣列中沒有重複

回答

0

找到問題。由於最近從Chrome的更新,你需要升級vue-ressource。所以我改變了我的package.json

"vue-resource": "^0.9.3", 

"vue-resource": "^1.3.4", 

一點NPM updat和好到哪裏去。