<!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
- 1267 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
-
- 406005
- 1
- Jul 5, 2015
Preguntas sin respuesta
-
- 228
- 0
- Feb 18
-
- 193
- 0
- Nov 23, 2022
-
- 111
- 0
- Nov 17, 2022
-
- 128
- 0
- Nov 4, 2022
-
- 186
- 0
- Nov 1, 2022
-
- 154
- 0
- Oct 27, 2022
-
- 151
- 0
- Oct 26, 2022
-
- 109
- 0
- Oct 21, 2022
- 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
elporfirio respondió Feb 22
Construir URL para actualizar contraseña después d…hector2023 preguntó Feb 18
hola alguien sabe como instalar un gui qt creator …elena preguntó Feb 14
Construir URL para actualizar contraseña después d…seniorit respondió Ene 18
¿Como poner privilegio o niveles a los usuarios en…seniorit respondió Ene 10
Como muestro un objeto test(preguntas-respuestas) …yoelrodguez respondió Dic 2, 2022
servidor local xamp disponibile fuera de lanmchojrin respondió Nov 25, 2022
servidor local xamp disponibile fuera de lanPeter comentó Nov 23, 2022
Formulario que guarde los datos de un jsondiana15 comentó Nov 23, 2022
Formulario que guarde los datos de un jsondiana15 preguntó Nov 23, 2022
Formulario que guarde los datos de un json
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
- 150420 Puntos
- white
- 75880 Puntos
- carlossevi
- 63580 Puntos
- magarzon
- 30650 Puntos
- pregunton
- 20400 Puntos
Todos los Usuarios Usuarios Nuevos
...