梗概:在做视频播放的功能时,我想实现用axios来给后端传id的方式来播放对应的视频(我的视频是存在本地的,如果用服务器的话应该也差不多吧。。)
首先的第一步是获得数据库所存储的所有视频信息并展示,也就是写一个findAllVideo接口来实现,不过极力推荐使用mybatis-plus很方便。查找后的界面大概是这样:
这个组件和视频播放组件二者不存在路由关系,所以两者是兄弟组件,所以使用兄弟组件的传值方式,在这里我用的是<router-link></router-link>标签的方式进行传值的,因为可以写一个观看视频来进行点击跳转到兄弟界面。
<router-link :to="{path:'/first_video',query:{userid: fit.id}}">观看视频</router-link>
下面是该组件的script,改界面实现勇哥v-for循环就ok。
export default ({
name: "video_main",
data(){
return{
param:{
movie:[{
id: 0,
name: '',
director: '',
pub_date: '',
time_length: '