2017-02-26 1 views
0

quotes에서 임의의 견적을 인쇄해야합니다. 내가 Vue에서 어떻게 할 수 있니? v-for을 사용해야합니까? 아니면 더 좋은 방법이 있습니까?배열에서 임의의 요소를 가져 오는 방법은 무엇입니까?

<div class="SingleQuiteBody" v-for="quote in quotes"> 
... 
<div class="SingleQuiteVote"> 

은 내가 따옴표의 개체 배열에서 하나의 임의의 견적을 인쇄 할 필요가 있음을 의미한다.

답변

0

방법에 대해 : Math.floor(Math.random() * quotes.length) 당신에게 0quotes.length 사이에 하나의 임의의 정수를 줄 것이다

<div class="SingleQuiteBody"> 
    {{quotes[Math.floor(Math.random() * quotes.length)]}} 
</div> 

. 0과 길이가 quotes 배열 사이의 임의의 숫자를 생성하기 위해 다른 방법을 사용할 수도 있습니다.

+0

상위 구성 요소 중 하나가 업데이트 될 때마다 'quote'가 변경되는 한 임의의 숫자를 구성 요소 데이터 또는 smth에 넣을 수 있습니다. – euvl

관련 문제