我正在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倍一堆不同的信件,我很確定我的陣列中沒有重複