我的页面中有一个HTML5视频，我想动态设置src.
<video width="450" controls>
<source v-model="controller.var" v-bind:src="var" type="video/mp4">
</video>
播放器不会加载视频，但我的var已正确设置为正确的url.
谢谢
我的页面中有一个HTML5视频，我想动态设置src.
<video width="450" controls>
<source v-model="controller.var" v-bind:src="var" type="video/mp4">
</video>
播放器不会加载视频，但我的var已正确设置为正确的url.
谢谢
首先，我不知道你是否真的在模板中使用了var，但如果是，Vue会在模板中抛出警告.
- 避免在表达式中使用JavaScript关键字作为属性名:"var":src="var"
其次，不能动态更改源元素.
从HTML5 specification，
当
因此，将数据绑定到video元素的src属性.
<video width="450" controls :src="video"></video>
console.clear()
new Vue({
el:"#app",
data:{
video: "https://www.w3schools.com/tags/movie.mp4"
},
methods:{
changeVideo(){
this.video = "http://techslides.com/demos/sample-videos/small.mp4"
}
}
})<script src="https://unpkg.com/vue@2.2.6/dist/vue.js"></script>
<div id="app">
<video width="450" controls :src="video"></video>
<div>
<button @click="changeVideo">Change</button>
</div>
</div>