No tengo experiencia con Vue o JS.
Quiero pasar un enlace de YouTube desde data() a iFrame.
Se puede hacer esto?
Si es así, ¿qué pasos son necesarios para hacerlo?
El siguiente código muestra lo que tengo hasta ahora, aunque ni siquiera estoy seguro de si es correcto, ya que esta es mi primera vez en el mundo de Vue.js y JS.
He buscado aquí y en otros lugares ideas sobre cómo hacer esto, pero aún no he encontrado nada que pueda usar.
Cualquier consejo útil es muy apreciado, gracias.
<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> <iframe width="800" height="230" :src="link"></iframe>Debe agregar : antes de src y "" al nombre de la variable. No necesitas esto. dentro de la plantilla.
Debe vincular el valor de su enlace al atributo src de su iframe de esta manera <iframe width="800" height="230" :src=this.link></iframe>