如何在Vue.js中传递URL给iFrame

Question

我没有Vue或JS的经验。

我想从data()传递一个YouTube链接到iFrame。

这能做到吗?

如果是，需要采取哪些步骤?

下面的代码显示了我到目前为止所拥有的，尽管我甚至不确定它是否正确，因为这是我第一次使用Vue.js和JS世界。

我已经在这里和其他地方寻找如何做到这一点的想法，但还没有找到任何我可以使用的。

任何有用的建议都非常感谢，谢谢。

<template>

<div>

<iframe width="800" height="230" src=this.link></iframe>

</div>

</template>
<script>
import axios from "axios";
export default{

name:"Camera",
data(){
return{
link:"https://www.youtube.com/embed/08Xmfi1QIxc",

};
},
methods:{

OnSelectCam(link){
this.link = link;
},    

},

}   

</script>
<style scoped>
</style>

Answer 1

<iframe width="800" height="230" :src="link"></iframe>

你需要添加:src和">到变量名。你不需要这个。

Answer 2

您需要将链接值绑定到iframe的src属性像这样<iframe width="800" height="230" :src=this.link></iframe>