如何从数组中获得随机元素？

Question

我需要打印quotes的随机报价。我如何在Vue中做到这一点？我应该使用v-for还是有更好的办法？

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

我的意思是我只需要从实体引用数组中打印一个随机引用。

Answer 1

如何：

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

凡Math.floor(Math.random() * quotes.length)会给你0的quotes.length之间的一个随机整数。您还可以使用其他一些方法来生成一个介于0和长度为quotes数组之间的随机数。