如何在 Vue.js 中将 URL 传递给 iFrame
P粉237029457
P粉237029457 2024-02-17 11:23:04
0
1
351

我没有使用 Vue 或 JS 的经验。

我想将 YouTube 链接从 data() 传递到 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>

P粉237029457
P粉237029457

全部回复(1)
P粉387108772

您需要在 src 前添加 :,并在变量名称中添加 ""。你不需要这个。在模板内。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板