Componentes: slot
Problema:
Crear una componente que muestre dos botones 'confirmar', 'cancelar' y un hipervínculo. Definir un slot en la componente para poder agregar botones a otras actividades remplazando al hipervínculo.
pagina.html
funciones.js
estilos.css
Ejecución de la página
<!doctype html> <html> <head> <title>Prueba Vue</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> </head> <body> <div id="aplicacion"> <barra-botones></barra-botones> <hr> <barra-botones> <button>Alta</button> <button>Baja</button> <button>Modificacion</button> </barra-botones> </div> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <script> Vue.component('barra-botones',{ template: ` <div><button>Confirmar</button> <button>Cancelar</button> <slot><a href="#">Otras opciones</a></slot> </div> ` }) new Vue({ el: '#aplicacion' }) </script> </body> </html>
No tiene disponible el navegador la capacidad de iframe