3
votos
Aceptado
Como reescribir esta funcion de Jquery a Vue?
Podrías usar una bandera en tu data que mantenga el estado del control que queres habilitar/deshabilitar y según la selección del usuario cambiar esa bandera:
En el b-input, podes usar la propiedad ...
3
votos
Aceptado
Actualizar perfil de usuario Vue-Laravel
Simple, en vez de usar :auth="{{ Auth::user() }}", asegúrate de quitar los puntos :, ya de esta forma estarás especificando a html que auth es sólo una propiedad más del elemento dentro del DOM; será ...
3
votos
Aceptado
Obtener el valor de una promesa
Ok, tenía ganas de aprender a usar Vue.js y no pensé que iba a empezar de atrás para adelante así que, ante todo, no sé lo que estoy haciendo respecto a observables, computed ni data properties. Pido ...
3
votos
Aceptado
¿Cómo retornar un método desde vuex sin que esté sea asincrono?
no se cuanta experiencia tienes en Vue, pero justamente la separacion de la logica de Vuex es para evitar lo que te esta sucediendo.
Si vas a leer el estado debes usar getters. Luego en los ...
2
votos
Aceptado
¿Cómo puedo recorrer un array de objetos y ponerle más datos en Vue js?
Push agrega un elemento a un array y lo que desea es añadir una propiedad a un elemento que no es posible con push.
Sí lo que desea es añadir una nueva propiedad para un objeto con Vue debería emplear ...
2
votos
Recorrer un un objeto con Vue2.js
con te dije anteriormente... me pude guiar con tu respuesta.. hice esto!
declare una array para cada uno!..
new Vue({
el: "#beneficiario",
data: {
cedula: '',
beneficiario:[],
parroquia:[],
...
2
votos
Aceptado
Firebase Hosting con Vue.js
El error te esta diciendo que no encuentra el archivo index.html en la carpeta que designaste, en este caso "public": "src".
Prueba primero cambiando la carpeta public en firebase.json:
{
"hosting"...
2
votos
¿Como puedo imprimir con vue js una lista de 2018 a 1920?
Puedes crear una propiedad computada que devuelva el arreglo de años en el orden que deseas.
Ejemplo
window.onload = function() {
new Vue({
el: '#editor',
data: {
selected: ''
}...
2
votos
Validar la exitencia de un token en localStorage del navegador
Hola puedes utilizar computed properties
Vue({
computed: {
token() {
return storage.get('TOKEN_KEY');
}
}
});
Y con espo podrías hacerlo "reactivo", puedes consultar la ...
2
votos
Aceptado
¿como hacer una tabla con columnas en Vue?
Bueno si puedes hacer la tabla con bootstrap, puede ser así:
.fondo{
background: #dbd7ce;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<...
2
votos
Aceptado
Al clickear botón cancelar me redirija a otra URL con Vue
Según los documentos, router.push parece ser el método preferido:
Para navegar a una URL diferente, use router.push. Este método inserta
una nueva entrada en la pila de historial, de modo que ...
2
votos
Al clickear botón cancelar me redirija a otra URL con Vue
Gracias por los comentarios, estaba trabado pero la solución era sencilla.
clickBtnCancel () {
window.location.href = '/marketing/applications'
},
2
votos
¿Cómo hacer un CRUD REALTIME con vuex y socketio?
axios es para hacer peticiones HTTP
sockets abren un canal de comunicación entre cliente servidor
O usas axios, o usas sockets.
Lo voy a hacer como si fuese un solo archivo, ya tu lo distribuyes ...
2
votos
Aceptado
Function luego de ...MapState[] / VUEX
Crear otra función que haga lo que quieres y a la vez llame a la función del store:
methods: {
getLocalConfig: function() {
this.valor = 0
this.getConfig()
this.valor = 1
...
2
votos
Aceptado
Enviar un parámetro en una Action de Vuex
La mejor forma de hacer esto es que no repitas el código y utilices un v-for de vue para generar variantes de un elemento según un arreglo de data que tengas
const app = new Vue({
el: "#app",
...
2
votos
Aceptado
Vuex - Github - "vue-cli-service" no se reconoce como un comando interno o externo
Lo primero que tienes que hacer para subir un repositorio a github es iniciarlo en la carpeta del proyecto que deseas subir:
git init
Posteriormente realizar los pasos como bien indicas
git add *...
2
votos
Aceptado
Iterar sobre keys
Como mencionas, en el state tienes el siguiente array de objetos:
tabla2: [
{ STAT: "ON", DESC: "DESCRIPTION", HDD: "100%"},
{ STAT: "OFF", DESC: "...
1
voto
Aceptado
Como convertir correctamente mi componente en uno generico que tome datos que reciba de un array?
Para recibir un array como propiedad del componente, se hace de la siguiente manera:
HTML
<w-purchase-summary-table :myNewArray = "[
{name: 'Person Name', isSortable: true},
{...
1
voto
Tengo un error con Vue Router en el guardia beforeEach
El problema es que estaba utilizando el el origen en lugar del destino.
La solucion es muy simple
router.beforeEach((to, from, next) => {
if (store.state.user.email == '') {
if (to.path != '/...
1
voto
¿Cómo puedo copiar las propiedades de un objeto que se encuentra dentro de otro?
Una opción usando map() y reduce():
const arr = [{"id":123,"name":"test","description":"this is a test product","cart":[{"id":124,"price":500,"qty":3},{"id":125,"price":500,"qty":3}],"image":"","...
1
voto
Aceptado
¿Cómo puedo copiar las propiedades de un objeto que se encuentra dentro de otro?
Puedes probar con forEach para recorrer los arrays, en tu caso seria algo asi:
let arr=[{
id: 123,
name: 'test',
description: 'this is a test product',
cart: [
{
...
1
voto
¿Cargar componentes de manera asincrona?
Para que tu componente se cargue correcta mente usa una variable para mostrar tu componente una vez que los datos lleguen de la llamada a la api ejemplo:
Usa el método then() de las promesas en ...
1
voto
Aceptado
Validar input con VUE
Lo más sencillo para hacer es usar vee-validate, un framework para validación, y ya te queda para otras partes de tu proyecto.
https://baianat.github.io/vee-validate/guide/custom-rules.html#creating-...
1
voto
¿como puedo hacer para que no me salga el error: "store is not defined"?
Vale, ya encontre el error:
add: function(){
this.$store.commit('add')
},
add2: function(){
this.$store.commit('add', 2)
},
addThreeAsync: function(){
...
1
voto
Aceptado
Mostrar formato Hora con JS
Hay una mezcla interesante entre VueJs y MomentJS
new Vue({
el: '#app',
data: {
items: [
new Date(2018, 11, 24, 10, 3, 31, 0),
new Date(2017, 10, 23, 11, 13, 2, ...
1
voto
Aceptado
Como obtener el producto por id al hacer click en boton con VUE?
En el caso de no usar vue-router la opción que no recomendaría mucho pero que ciertamente serviría en este caso, seria usar directamente window.location
openProductDetail(idProducto) {
...
1
voto
Aceptado
¿como redireccionar un link con vue?
Lo mas "natural" es que la página de producto sea la misma para todos y utilizando vue router envíes un parámetro con la referencia/nombre del producto.
Te quedaría algo como:
<router-link :to="{ ...
1
voto
Aceptado
Crear loading en un componente de vue-xlsx-table
Parece que no están manteniendo el código desde hace mas de 2 años, pero puedes resolver el problema de 2 formas, la primera y mas "intrusiva" es la de traerte su componente y modificarlo y ...
1
voto
¿Como se puede acceder a datos de un modulo usando VUEX?
encontre la solucion al problema, este es el codigo que se utiliza para renderizar los modulos de determinado state
computed: mapState({
nombreFuncion: ({moduloX}) => moduloX.propiedadState
})
...
1
voto
vue-reCAPTCHA no funciona
Tienes que agregar esto en tu index.html
<script src="https://www.google.com/recaptcha/api.jsonload=vueRecaptchaApiLoaded&render=explicit" async defer></script>
En la documentación ...
Only top scored, non community-wiki answers of a minimum length are eligible
Etiquetas relacionadas
vuex × 139vue.js × 131
javascript × 51
html × 15
laravel × 15
axios × 9
vue-router × 8
array × 5
vue3 × 5
nodejs × 4
laravel-5 × 4
typescript × 4
firebase × 4
vuetify × 4
bootstrap-vue × 4
webpack × 3
component × 3
jquery × 2
ajax × 2
json × 2
bootstrap × 2
laravel-6 × 2
promesas × 2
test × 2
socket.io × 2