Comment transmettre l'URL à iFrame dans Vue.js

Question

Je n'ai aucune expérience avec Vue ou JS.

Je souhaite transmettre le lien YouTube de data() vers iFrame.

Est-ce possible ?

Si oui, quelles mesures faut-il prendre ?

Le code ci-dessous montre ce que j'ai jusqu'à présent, même si je ne suis même pas sûr qu'il soit correct car c'est ma première fois dans le monde de Vue.js et JS.

J'ai cherché ici et ailleurs des idées sur la façon de procéder, mais je n'ai encore rien trouvé que je puisse utiliser.

Tous les conseils utiles sont grandement appréciés, merci.

<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

Vous devez ajouter : avant src et "" dans le nom de la variable. Vous n'avez pas besoin de ça. dans le modèle.