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

Luiss preguntó hace 1 día

juanksoftware preguntó Jul 2

pedrourday respondió Jun 27

pedrourday respondió Jun 23

mchojrin respondió Jun 15

Peter comentó Jun 11

bichomen seleccionó una respuesta Jun 11

bichomen respondió Jun 11

jabixo preguntó Jun 11

Diego_giraldo preguntó Jun 11

Ultimas Preguntas

Luiss preguntó

juanksoftware preguntó

jabixo preguntó

Diego_giraldo preguntó

Fahrek preguntó

bichomen preguntó

Yesod preguntó

gonzalss preguntó

Luciano preguntó

Diego123456789 preguntó

Preguntas relacionadas

Usuarios Top

Todos los Usuarios Usuarios Nuevos

Etiquetas

Categorías

Etiquetas

Categorías

Conecta