我通过ajax从数据库内直接取回完整的url视频地址，然后挂载到data的video属性下。
我应该怎么绑定到video的src里?
极客观点
项目管理
HarmonyOS
var app = new Vue({
el:"#app",
data:{
booleanLogin:false,
id:'',name:'',
bz:'',video:'',pic:''
},html:
<video id="video" width="20%" height="20%" controls autoplay>
<source :src="video" type="video/mp4">
</video>
你可以写个wrapper，在video未获取的时候进行显示，显示为“视频加载中”,获取了video之后隐藏wrapper显示video。我也不太懂你想实现怎样的功能，我的理解是这样子希望有帮助
看你的问题应该不是使用脚手架搭建的vue，而是直接在html中引入vue.js这样一种方式。
这种方式引入注意引入vue.js的位置，需要在<head></head>标签内。
由于ajax是异步加载，异步加载需要时间，为了体验性好，通常情况是加入v-if判断。
<video id="video" v-if="flag" width="20%" height="20%" controls autoplay>
<source :src="video" type="video/mp4">
</video>在data中定义flag为false。只有当ajax调用success成功的时候，将flag赋值为true，这样数据加载成功，视图就可以正常显示并且自动播放。
要不然，video视图已经加载，但是ajax没有执行完毕，导致视频地址无法获取，video有卡顿的现象。
ajax获取的url路径赋值给你data里面的video就行
vue里绑定的意思就是说 :src ,src的value值是你需要动态变更的值，所以你给src做绑定，那么 :src="video",中的video就是你绑定的key值，通过键值对一对一获取赋值
13 回答13k 阅读
7 回答2.1k 阅读
9 回答1.7k 阅读✓ 已解决
6 回答1.5k 阅读
3 回答1.3k 阅读✓ 已解决
3 回答1.4k 阅读✓ 已解决
6 回答1.2k 阅读✓ 已解决
你需要 v-if