<!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
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 responder a esta pregunta.
Actividad Reciente
Butters preguntó hace 6 días
Error al compilar en C#,Error DllImport,Charset y …vianey preguntó Feb 9
Digito de verificación Nit ColombiamigueCR preguntó Feb 8
Sobre history.replaceState y redirecciónmchojrin respondió Feb 3
no llegan los correos de un formulario webgonzalss preguntó Feb 2
no llegan los correos de un formulario webjoganklr preguntó Feb 2
¿Comó puedo cambiar con javascript una palabra de …Iskandarina preguntó Ene 29
Acceso a XMLHttpRequest bloqueado por la política …mchojrin respondió Ene 19
Tomar datos adjuntos de un correo usando php y sub…rach preguntó Ene 18
Tomar datos adjuntos de un correo usando php y sub…Iskandarina preguntó Ene 15
Error en formulario Angular para crear sala de cha…
Ultimas Preguntas
Usuarios Top
- Leonardo-Tadei
- 227020 Puntos
- Peter
- 149800 Puntos
- white
- 75840 Puntos
- carlossevi
- 63560 Puntos
- magarzon
- 30650 Puntos
- pregunton
- 20390 Puntos