美文网首页vue
VUE动态绑定video的src / 动态切换video的src

VUE动态绑定video的src / 动态切换video的src

作者: 大雄想静静 | 来源:发表于2019-08-13 11:01 被阅读0次

<!-- html标签部分 -->
<video ref="videoPlay" :src="videoURL"  controls></video>

//  定义视频地址变量

export default {

    name: 'VideoDetails',

    data () {

            return {

                videoURL: '',

            }

        },

    methods: {

        获取视频地址的方法() {

            this.videoURL = "视频地址"

            // 如果动态切换src地址,也要加上下面的事件(前提是src地址已切换或已重新赋值,再走这个事件)

                  this.$nextTick(() => {

                        this.$refs.videoPlay.load()

                   })

        }

    }

}

相关文章

网友评论

    本文标题:VUE动态绑定video的src / 动态切换video的src

    本文链接:https://www.haomeiwen.com/subject/tclvjctx.html