<!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
- 1165 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
-
- 97864
- 1
- Jul 5, 2015
Preguntas sin respuesta
-
- 234
- 0
- hace 6 días
-
- 70
- 0
- May 26
-
- 47
- 0
- May 24
-
- 64
- -1
- May 21
-
- 95
- 1
- May 18
-
- 110
- 1
- May 9
-
- 49
- 0
- May 4
-
- 96
- 1
- Abr 29
- ver todas las 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?
Actividad Reciente
kratos91 preguntó hace 6 días
Login no funciona usando Firebase y Flutter-
Isaaaaaabel compartió en su muro Jun 8
https://cerrajerosovie rach preguntó May 26
contar dias intermedios en consulta sqlhecates preguntó May 24
Añadir páginas en blanco en un iReports - Jasper S…Leonardo-Tadei comentó May 22
Modal en php y javascriptLeonardo-Tadei comentó May 22
llenado de tablas con get or createLeonardo-Tadei respondió May 22
como hacer que mi javaScript funcione con todos lo…Leonardo-Tadei respondió May 21
Migrar base de datos MongoDB a MySQLLeonardo-Tadei respondió May 21
como puedo leer un arreglo en php que guarde con l…
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
- 227240 Puntos
- Peter
- 150230 Puntos
- white
- 75880 Puntos
- carlossevi
- 63580 Puntos
- magarzon
- 30650 Puntos
- pregunton
- 20400 Puntos
Todos los Usuarios Usuarios Nuevos
...