entre Desarrolladores

Question

<!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>

Sería bueno que describas el problema que tienes, como te sucede, cuando te sucede, etc... Tanto en esta, como en tus otras preguntas.

Saludos.

Answer 1

1 Respuestas

Answer 2 · 2019-04-04T02:17:43+0000

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

Pregunta

No me da la ventana modal y no se el porque

Peter comentado Abr 3, 2019

Por favor, accede o regístrate para añadir un comentario.

1 Respuesta

Alejandro6543 comentado May 22, 2019

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

Otras Preguntas y Respuestas

Preguntas sin respuesta

Preguntas relacionadas

Actividad Reciente

Iskandarina preguntó hace 1 día

miki23 preguntó hace 4 días

ribae1712 respondió hace 4 días

ribae1712 preguntó hace 4 días

Jim-Morrison preguntó hace 6 días

richard96 preguntó Mar 25

tcampxs preguntó Mar 23

Van75 preguntó Mar 22

Botxtrem-Solutions comentó Mar 19

Th3Mik3s respondió Mar 19

Ultimas Preguntas

Iskandarina preguntó

miki23 preguntó

ribae1712 preguntó

Jim-Morrison preguntó

richard96 preguntó

tcampxs preguntó

Van75 preguntó

crybabie preguntó

Mercadona preguntó

Botxtrem-Solutions preguntó

Preguntas relacionadas

Usuarios Top

Todos los Usuarios Usuarios Nuevos

Etiquetas

Categorías

Etiquetas

Categorías

Conecta