如何在 Vue.js 中將 URL 傳遞給 iFrame

Question

我沒有使用 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>

Answer 1

您需要在 src 前面加上 :，並在變數名稱中新增 ""。你不需要這個。在模板內。