配列からランダムな要素を取得する方法は？

Question

quotesからランダムな見積もりを印刷する必要があります。私はVueでそれをどうすることができますか？ v-forを使用するか、より良い方法がありますか？

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

私は、引用符のエンティティ配列から1つのランダムな引用符を印刷する必要があることを意味します。

Answer 1

方法について：Math.floor(Math.random() * quotes.length)はあなた0quotes.lengthの間に1つのランダムな整数を与える

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

。他の方法を使用して、0と長さがquotesの配列の乱数を生成することもできます。