<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CRUD View.JS</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.21/vue.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.18.0/axios.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/estilos.css">
</head>
<body>
<!--diseñando el fondo y la ventana modal-->
<div id="app">
<button @click="nuevoProducto=true">Nuevo</button>
<table>
<thead>
<th>Name</th><th>Price</th><th>Quantity</th><th>Event</th>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>
<button @click="editarProducto=true">EDIT</button>
<button @click="borrarProducto=true">DELET</button>
</td>
</tr>
</tbody>
</table>
<div class="contenedor" v-if="nuevoProducto">
<div class="modal">
<div class="header">
<button class="close" @click="nuevoProducto=false">X</button>
<h1>Nuevo</h1>
</div>
<div class="contenido">
Contenidos
</div>
</div>
</div>
<!-- EDITAR PRODUCTOS -->
<div class="contenedor" v-if="nuevoProducto">
<div class="modal">
<div class="header">
<button class="close" @click="nuevoProducto=false">X</button>
<h1>Edicion</h1>
</div>
<div class="contenido">
Contenidos
</div>
</div>
</div>
<script type="text/javascript">
// Guarda la informacion de app
var app = new Vue({
el:"#app",
data:{
nuevoProducto=false,
editarProducto=false,
borrarProducto=false
}
})
</script>
</body>
</html>
entre Desarrolladores
Recibe ayuda de expertos
Registrate y pregunta
Es gratis y fácil
Recibe respuestas
Respuestas, votos y comentarios
Vota y selecciona respuestas
Recibe puntos, vota y da la solución
Pregunta
No me da la ventana modal y no se el porque
- preguntó
- Web
- 1305 Vistas
- 1 Respuestas
- abierta
1 Respuesta
Hola @Alejandro6543,
adivinando cuál es tu pregunta, el mensajes de error de JavaScript se debe al incorrecto uso del operador de asignación al definir una propiedad:
// Incorrecto
...
data:{
nuevoProducto=false,
editarProducto=false,
borrarProducto=false
}
...
// Correcto
...
data:{
nuevoProducto:false,
editarProducto:false,
borrarProducto:false
}
...
Saludos cordiales
Por favor, accede o regístrate para añadir un comentario.
Por favor, accede o regístrate para responder a esta pregunta.
En el blog
-
- 406380
- 1
- Jul 5, 2015
Sin Respuesta
-
- 20
- 0
- Sep 19
-
- 50
- 0
- Ago 21
-
- 139
- 0
- May 14
-
- 120
- 0
- Abr 21
-
- 215
- 0
- Mar 31
-
- 189
- 0
- Mar 27
-
- 1006
- 0
- Feb 18
-
- 329
- 0
- Nov 23, 2022
- ver todas
Preguntas relacionadas
- como hacer una actualizacion de datos con id de la bd y ver los registros en ventana modal donde esta de boostrap
- No se como validar campos en vuejs
- Como hacer para que el texto no se me salga del div?
- Cual es la lógica o patrón a seguir para un status post?
- como subir foto al servidor con PHP y MySqli?
Actividad Reciente
pedrourday preguntó Sep 19
Alternativas a ThreeJS y BabylonJS?pedrourday preguntó Ago 21
¿Que tecnologias y lenguajes me recomiendan?Fabio respondió Jul 11
plugin de efecto circular 3d en imagenesSergio-HiTech respondió Jun 9
Crear tabla de horarios de C#Sergio-HiTech respondió Jun 9
¿Que libro/tutorial para un programador sin base q…Sergio-HiTech respondió Jun 9
C# Problema con comboboxdanielaGM preguntó May 14
Generar reporte con PhpWord con un CRUDrach preguntó Abr 21
Cruzar excel por id con pythonelporfirio respondió Feb 22
Construir URL para actualizar contraseña después d…
Ultimas Preguntas
Preguntas relacionadas
- como hacer una actualizacion de datos con id de la bd y ver los registros en ventana modal donde esta de boostrap
- No se como validar campos en vuejs
- Como hacer para que el texto no se me salga del div?
- Cual es la lógica o patrón a seguir para un status post?
- como subir foto al servidor con PHP y MySqli?
Usuarios Top
- Leonardo-Tadei
- 227320 Puntos
- Peter
- 150430 Puntos
- white
- 75880 Puntos
- carlossevi
- 63580 Puntos
- magarzon
- 30650 Puntos
- pregunton
- 20400 Puntos
Todos los Usuarios Usuarios Nuevos
...