美文网首页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