Question

我有显示视频的vue应用程序。我想每次单击

时自动自动随机生成路由器链接

Fabric.with(this,new Crashlytics())

在组件中

<router-link to="/video/this_value_to_be_random">Random video</router-link>

我想将此随机值/数字传递给 this_value_to_be_random 这样做的目的是每次我单击链接时都希望在同一组件中显示不同的视频。或不同的视频路径。 1-5之间的随机数。

路径/到/您的/视频/file_v1.mp4
路径/到/您的/视频/file_v2.mp4
路径/到/您的/视频/file_v3.mp4

Answer 1

您可以添加一种生成随机链接并将其绑定到to prop的方法，如下所示：

  <router-link :to="randomLink()">Random video</router-link>
  ...

 methods:{
     randomLink(){
          let rnd=Math.floor(Math.random() * 5) + 1;
          return 'path/to/your/video/file_v'+rnd+'.mp4'
          }
      }

Answer 2

在Js中，您可以使用：

Math.floor(Math.random() * 10) + 1

这将为您提供1到10之间的数字

Vue生成路由器链接

2 个答案: