Vue生成路由器链接答案

【问题标题】：Vue generate router linkVue生成路由器链接
【发布时间】：2019-05-20 07:49:51
【问题描述】：

我有用于显示视频的 vue 应用程序。我想每次点击时自动随机生成路由器链接

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

在组件中

<vue-video-background videoSrcMp4="path/to/your/video/file-this_value_to_be_random.mp4"></vue-video-background>

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

path/to/your/video/file_v1.mp4
path/to/your/video/file_v2.mp4
path/to/your/video/file_v3.mp4

【问题讨论】：

标签： javascript vue.js vuejs2 vue-component vue-router

【解决方案1】：

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

  <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'
          }
      }

【讨论】：

【解决方案2】：

在 Js 中你可以使用：

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

这会给你一个介于 1 和 10 之间的数字

【讨论】：