Cara menghantar URL ke iFrame dalam Vue.js

Question

Saya tidak mempunyai pengalaman dengan Vue atau JS.

Saya ingin menghantar pautan YouTube dari data() ke iFrame.

Bolehkah ini dilakukan?

Jika ya, apakah langkah yang perlu diambil?

Kod di bawah menunjukkan apa yang saya miliki setakat ini, walaupun saya tidak pasti sama ada ia betul kerana ini adalah kali pertama saya memasuki dunia Vue.js dan JS.

Saya telah mencari di sini dan di tempat lain untuk mendapatkan idea tentang cara melakukan ini, tetapi belum menemui apa-apa yang boleh saya gunakan lagi.

Sebarang petua yang berguna amat kami hargai, terima kasih.

<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

Anda perlu menambah : sebelum src dan "" dalam nama pembolehubah. Anda tidak memerlukan ini. dalam templat.