So übergeben Sie eine URL an iFrame in Vue.js

Question

Ich habe keine Erfahrung mit Vue oder JS.

Ich möchte den YouTube-Link von data() an iFrame übergeben.

Kann das gemacht werden?

Wenn ja, welche Schritte müssen unternommen werden?

Der folgende Code zeigt, was ich bisher habe, obwohl ich nicht einmal sicher bin, ob er richtig ist, da dies mein erster Einstieg in die Welt von Vue.js und JS ist.

Ich habe hier und anderswo nach Ideen dafür gesucht, aber noch nichts gefunden, was ich verwenden könnte.

Für hilfreiche Tipps sind wir sehr dankbar, vielen Dank.

<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 前添加 :，并在变量名称中添加 ""。你不需要这个。在模板内。