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

Sin Respuesta

Preguntas relacionadas

Actividad Reciente

pedrourday preguntó Sep 19

pedrourday preguntó Ago 21

Fabio respondió Jul 11

Sergio-HiTech respondió Jun 9

Sergio-HiTech respondió Jun 9

Sergio-HiTech respondió Jun 9

danielaGM preguntó May 14

Abel-programing respondió May 5

rach preguntó Abr 21

elporfirio respondió Feb 22

Ultimas Preguntas

pedrourday preguntó

pedrourday preguntó

danielaGM preguntó

rach preguntó

preguntó

preguntó

preguntó

preguntó

preguntó

gonzalss preguntó

Preguntas relacionadas

Usuarios Top

Todos los Usuarios Usuarios Nuevos

Etiquetas

Categorías

Etiquetas

Categorías

Conecta