<!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
- 832 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
-
- 69723
- 0
- Jul 5, 2015
Preguntas sin respuesta
-
- 153
- 1
- Nov 25
-
- 58
- 0
- Nov 22
-
- 138
- 0
- Nov 21
-
- 65
- 1
- Nov 14
-
- 184
- 1
- Nov 9
-
- 35
- 0
- Nov 8
-
- 99
- 0
- Nov 6
-
- 127
- 0
- Nov 1
- 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
jcuya respondió hace 2 días
Realizar un Maestro de varios detalles Con WebApi,…Lilii preguntó Nov 25
Insertar campos de MySQL a formularioLilii seleccionó una respuesta Nov 25
Validar checkboxKevinconK respondió Nov 22
Validar checkboxLilii preguntó Nov 22
Sincronizar Directorio Windows a Linux con WinSCPLilii preguntó Nov 22
Validar checkboxLilii comentó Nov 21
Error insertar datos de formulario a phpmyadminLilii preguntó Nov 21
Vincular formulario html con tabla externaLilii seleccionó una respuesta Nov 21
¿Qué cambiar para volver un formulario lineal en u…jj19958 respondió Nov 21
¿Cómo saber que checkbox están seleccionados si se…
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
- 227010 Puntos
- Peter
- 147740 Puntos
- white
- 75820 Puntos
- carlossevi
- 63540 Puntos
- magarzon
- 30630 Puntos
- pregunton
- 20330 Puntos
Todos los Usuarios Usuarios Nuevos
...