javascript - ¿Cómo puedo acceder a un método del componente padre desde un componente hijo en Vue.js?

Estoy tratando de llamar a un método de nivel padre/raíz en un componente hijo en Vue.js, pero sigo recibiendo un mensaje que dice TypeError: this.addStatusClass no es una función.

Vue.component('spmodal', { props: ['addStatusClass'], created: function

Leer más →

javascript - Cómo definir una función reutilizable en el espacio de nombres de un componente Vue

aquí está mi código:

Vue.component("ro-webview", { props: ["src"], template: `<div> <div> <div class="col-md-2 list-inline"> ${this.getIcon("fa-arrow-left")} ${this.getIcon("fa-arrow-right")} ${this.getIcon("fa-refresh")} </div> <input class="col-m

Leer más →

javascript - importar Vue desde 'vue' importa un Vue "diferente" en diferentes archivos

Esta pregunta probablemente trata más sobre Webpack y import de ES6 que sobre Vue.

Estoy escribiendo una mutación de Vuex que agrega un nuevo mykey: [] a un objeto en state. Esto necesita usar Vue.set(state.myobj, 'mykey', []), para que el nuevo array adquiera reactividad.

Sin embargo, cuando hago import Vue from 'vue' en mi archivo mutations.js y uso Vue.set(...) no soluciona el problema (simpl

Leer más →

javascript - Problema con los mensajes de depuración de Vue.js

He construido una aplicación web usando Vue.js v2.5.1 para el front-end. La aplicación funciona bien en general, pero cuando hay un problema, los mensajes de error que se generan solo hacen referencia al código de Vue.js en sí, en lugar de a las partes de mi código (supongo que algo en mis plantillas) que sin duda son la fuente real del pr

Leer más →

javascript - Vue.js mismo formulario para agregar y editar

Soy un principiante en vue.js y estoy tratando de ampliar algunos tutoriales que completé. He estado luchando con esto durante tres horas y estoy frustrado. Para que lo sepas, estoy usando firebase, pero no estoy seguro de que realmente importe aquí.

Entonces, tengo una aplicación CRUD para listar películas (¡te dije que era básica!). Hay

Leer más →

javascript - Mostrar objeto JSON en una tabla usando VueJS

He estado intentando mostrar usando VueJS un objeto JSON obtenido de mi aplicación Laravel, que está manejando mis operaciones del lado del servidor. Cualquier forma de ayuda sería apreciada.

Aquí están los datos JSON en bruto de mi aplicación Laravel:

[{ "1": 1, "2": 2, "3": 3, "4": 4, "5": 5, "6": 6, "7": 7, "8": 8, "9": 9, "10": 10, "11": 11, "12": 12 }, { "1": 70000, "2": 66524.45, "3": 62736.11, "4":

Leer más →

javascript - ¿Cómo funciona <transition-group> con Vue.components?

Supongamos que quiero usar los componentes para hacer una lista que desaparecería si hago clic en ella, y usar el transition-group para hacer la parte de la animación.

El siguiente código puede funcionar bien:

HTML :

<transition-group name="testanim"> <p key="1"

Leer más →

javascript - Array de consultas de Vue.js Router

Lo que estoy intentando hacer es pasar un arreglo desde la consulta al backend utilizando Vue.js y el enrutador.

Entonces tengo este método:

submitForm () { this.$router.push({ name: 'AuctionResult', query: { models: this.selectedModels.map(e => e.value) } }) },

Como resultado, la consulta será así:

Leer más →

javascript - Especificar el valor del objeto con vuex v-model

Estoy coordinando elementos de entrada con las claves de un objeto en el estado de Vuex. Digamos que tengo este objeto:

myObj: { foo: 1, bar: 2 }

Y una propiedad computada en un componente:

myObjVals: { get(){ return this.$store.state.myObj }, set(//?) { //? }, },

En la pl

Leer más →

javascript - Transición en Vue.js al cambiar el elemento seleccionado de una lista

Tengo una lista de Perfiles que abre una pantalla de "editar perfil". Esta pantalla se deslizó desde la izquierda. Cuando selecciono un perfil, si ya hay una pantalla seleccionada, quiero que primero se deslice hacia fuera, cambie los datos del perfil seleccionado y luego se deslice hacia dentro.

Lo que sucede ahora es: cuando primero selecciono un elemento, la pantalla se desliza. Cuando cambio el elemento seleccionado, la pantalla permanece y no se desliza hacia afuera y hacia adentro

Leer más →