vue动态绑定video视频src问题解决

做个项目，视频部分需要先后台上传，然后前端页面显示，然后就遇到了视频动态获取地址的问题。

一开始想着很简单，使用v-model双向绑定就行了，结果试了下并不行。

后面开始度娘，尝试过很多人说的$refs解决，结果并不行，虽然浏览器中看地址确实绑定到source的src上了，但是还是显示不了。

既然绑定src没法解决，干脆重新生成html放进去，于是想到用之前用过的v-html来解决。

具体代码：

<b-embed type="video" controls v-html="videoUrl"></b-embed>

// data
data(){
    return {
      videoUrl:'',
    }
 }
//赋值（这个res.url里面就是接口取到的视频地址）
 this.videoUrl=`'<source src="${res.url}" type="video/mp4">'`