scroll-view横向滚动导航,视频scroll-view纵向滚动导航可以滑动点击时可以跳转到播放页

可以使用vue-router实现路由跳转，具体实现方法如下：
1. 在router.js文件中的routes中定义对应的路由，包括path和component(播放页)。
2. 在对应的页面中使用<router-link>组件作为跳转链接，通过to属性指定跳转到目标路由。
3. 通过$route对象可以获取当前路由的信息，如当前路由地址、参数等。

具体实现的代码示例可以参考以下链接：

<!-- 在横向滚动页面中使用router-link跳转到播放页 -->
<template>
  <div class="scroll-wrapper">
    <div v-for="(item, index) in scrollList" :key="index" class="scroll-item">
      <router-link :to="{ path: '/play/' + item.id }">{{ item.title }}</router-link>
    </div>
  </div>
</template>

<!-- 在播放页中获取当前路由的参数, 播放对应的视频 -->
<template>
  <div class="play-wrapper">
    <video :src="videoUrl" controls></video>
  </div>
</template>

<script>
export default {
  data() {
    return {
      videoUrl: '',
    }
  },
  created() {
    // 获取当前路由的参数(id)
    const id = this.$route.params.id;
    // 根据id获取视频地址
    this.videoUrl = getVideoUrlById(id);
  }
}
</script>