Información de etiqueta

Respuestas populares con la etiqueta

6 votos

¿Cual es la forma correcta de usar el composition API de Vue 3?

Dependiendo de la versión de Vue que estés utilizando, puedes usar Options API o Composition API que introdujo Vue 3 y aunque Vue 3 es retro compatible con Vue 2 debes escoger entre utilizar una u ...
Raymond's user avatar
  • 186
4 votos

Obtener datos del navegador y dispositivo en Vue 3

yo utilizo esta funcion que hice en vanilla javascript por lo que la puedes usar con el framework de tu preferencia function getOS () { const isThere = 'navigator' in window; let os = ""...
JS Disciple's user avatar
4 votos

Obtener datos del navegador y dispositivo en Vue 3

Finalmente lo solucioné de la siguiente manera: Habiendo instalado el plugin (https://www.npmjs.com/package/vue-device-detector-js), copié el contenido de /node_modules/vue-device-detector-js/index.js ...
Agustin G.'s user avatar
  • 2,726
4 votos
Aceptado

Crear un array vacio reactivo

De acuerdo con esta entrada en la documentación de Vue, la función ref devuelve un tipo Ref que es una interfaz genérica declarada de la siguiente forma: interface Ref<T> { value: T } Como se ...
Héctor M.'s user avatar
  • 2,073
3 votos
Aceptado

Como buscar criterio en una lista y al borrar el criterio mostrar la lista original

Dado que en un comentario especificas que estás utilizando VueJS, aprovecharé de llevar la solución directamente a dicho framework. Para hacerlo en JS Vanilla (Puro), debes vincular los respectivos ...
Soy César Mora's user avatar
2 votos
Aceptado

Vue3 composition api no rellena select option

Toma en cuenta lo siguiente: en el v-for estas llamando a apartaments el cual no es un objeto es una funcion. la función apartaments no esta retornando ningun valor a pesar de que si esta creando ...
Alejandro Gonzalez's user avatar
2 votos
Aceptado

Convertir texto a HTML en Vue

Saludos esto puedes realizarlo a traves de la directiva de Vue v-html component.vue <template> <div id="component-1"> <h1 v-html="propTitle" ></...
Alejandro Gonzalez's user avatar
2 votos
Aceptado

No reconoce el @ de la carpeta src en Vue

Estuve investigando y esto ocurre porque cuando llama a un recurso dentro de javascript tiene que usar una ruta relativa ya que la carpeta assets no existe despues de que vue se compila asi como ...
Alejandro Gonzalez's user avatar
2 votos
Aceptado

Obtener datos del navegador y dispositivo en Vue 3

Cuando creas un plugin en Vue 3 necesita ser un objecto que tenga la función install. Digamos que tu plugin se llama Device, tu plugin lo puedes crear así: // device.js export default { install (app)...
Brayan Martínez Santana's user avatar
2 votos
Aceptado

Problema con respuesta de servidor , no cambia el false por true

mi problema es que no manejé bien los datos del servidor que me llegaban en formato json luego de convertir el resultado de la promesa en un json funcionó const responseData = await ...
Chaoticsystem504's user avatar
1 voto
Aceptado

Vue3: Los componentes solo se muestran cuando la extensión Vue Devtools está abierta

La segunda forma está bien, nada más te falta la coma const App = { components: { 'my-component-name': { template: `<input type="text" name="test">` } }, ...
Agustin G.'s user avatar
  • 2,726
1 voto
Aceptado

Acceder a State desde archivo js en vue 3

Verifique que la exportación del modulo sea nombrada y no por default, porque sí es posible importar directamente, entonces siga: Js: import { useStore } from "../suStore"; console.log(store....
ZeroCool's user avatar
  • 885
1 voto
Aceptado

v-model cannot be used on a prop, because local prop bindings are not writable

Rebuilding the Nuxt3 project into a new working directory helps me - the errors disappeared. Its appear again if you try to upgrade the project to Nuht3-RC-13, for example, and are not removed when ...
Sp Mbt's user avatar
  • 26
1 voto

Cargar distintos select en un formulario en vue3

He detectado dos cosas: en la función apartaments() estás seteando state.proofincomes el return {... toRefs(state), apartaments, ...} Aquí, apartaments (función) está sobreescribiendo al apartaments ...
Ricardo Cruz Leyva's user avatar
1 voto
Aceptado

Enviar evento de componente padre a hijo

Según tu código no hay ningún método "openLightbox", de dónde es que lo estás llamando en el padre? para mandar propiedades desde el padre al hijo: Componente padre: <template> <...
Eme's user avatar
  • 105
1 voto
Aceptado

Enviar props mediante this.$router.push en Vue

Lo que intentas es navegación programática, y para el envió de props puedes usar el objeto params: {} como lo indica la documentación y asignar en tu componente los props: true para que puedas tomarlo:...
ZeroCool's user avatar
  • 885
1 voto
Aceptado

Error al intentar obtener el valor de un objeto con toRef

Flujo del problema 0s El componente padre hace una llamada a tu api (digamos que tarda 1seg) 0.1s El componente padre le pasa project (es {} a este punto) al componente hijo. 0.2s El componente hijo ...
Brayan Martínez Santana's user avatar
1 voto
Aceptado

Ocultar componentes en lugar de desmontarlos

Puedes utilizar los módulos css Estos permiten aplicar una clase de css a un elemento de las siguientes formas: <template> <!-- equivalente a class="red" --> <p :class=&...
Brayan Martínez Santana's user avatar
1 voto

Toast no funciona en Bootstrap-Vue-3

Lo conseguí utilizando useToast import { useToast } from 'bootstrap-vue-3'; export default { name: "App", sutup() { const toast = useToast(); return { toast }; }, methods: { ...
Wilmer Martínez's user avatar
1 voto

Insertar checkbox en tabla con VueJS

Conseguido! Si alguien se atasca, comparto código. Era usando template pero creando una columna nueva, gracias a Marcos por contestar :) <template> <div id="app"> <...
vlexx's user avatar
  • 31
1 voto
Aceptado

Cargar formato de fecha datetime-local en input

Si miras la documentación del <input type="datetime-local"> verás que dice que su value debe estar en un formato concreto que no estás usando en tu string. La solución pasa por cambiar ...
masterguru's user avatar
  • 15.8k
1 voto
Aceptado

Tiempo actual en input con moment y vue 3

Los errores son los siguientes: horaActual es una función, pero al imprimirla no la estas ejecutando. horaActual no devuelve nada, sino que hace un console.log Solución: Modificar la función ...
Marcos's user avatar
  • 33.4k
1 voto

Validar fecha y hora laravel

Según la documentación de Laravel, la validación date_format valida que el campo que se le pase este en el formato especificado. Supongo que como la fecha esta en un formato diferente (lo digo por la ...
SDIV's user avatar
  • 135
1 voto
Aceptado

Agregar un dato a un array el cual no esta en la base de datos pero la otra información si viene de base de datos de un select

Puedes agregar el valor que no está en la base de datos antes de llenar el array con la consulta API, por ejemplo: data{ return(){ optCDI: [{value: 0, label: 'Por definir'}], } } Cuando ...
Steven Burgos's user avatar
1 voto

Proteger ruta "login" despues de haber auntentificado - Vuejs

router.beforeEach((to,from,next) => { const rutaIsProtected = to.matched.some(record => record.meta.rutaProtegida) if(rutaIsProtected && store.state.token === null { next('/login'...
NaturalDevCR's user avatar
1 voto

Cambiar el nombre de los ficheros generados tras hacer npm run build

Ya he conseguido resolver mi duda, pego la solución por si a alguien le viene bien, const dateBuildWC = new Date() const dateBuildFormat = dateBuildWC.toLocaleDateString().replaceAll('/','_') const ...
oscarfpata's user avatar
1 voto

Personalizar por pagina con Vue 3 y Laravel

No entiendo bien el problema. El pregunta es que no sabes como hacerlo en Laravel o que no sabes mandar esos parámetros al backend desde Vue.js (siento ponerlo en respuesta pero no tengo reputación) ...
Voxxii's user avatar
  • 326
1 voto

No reconoce el @ de la carpeta src en Vue

Dentro del código html lo mejor es usar la notación de directorios para posicionarte y buscar lo que necesitas. Intenta cambiar el @ por un esquema de directorios Ejemplo: ./ -> Para posicionarte ...
Fabian Reyes's user avatar
1 voto
Aceptado

Como pasar un objeto en una prop a un componente de vista, a través del Router

Si quieres enviar un parametro por URL no puedes enviar un objetos a menos que lo conviertas en un string en base64. Si por el contrario no necesita enviarlo por url solo haga esto: router.push({ ...
Alejandro Gonzalez's user avatar
1 voto
Aceptado

¿Como traer images con nuxt 3 y el ssr activo?

Bueno logre solucionar este problema agregando mis imagenes en la carpeta public de esta forma puedo referenciar a ellas solo colocando: <img src="./public/products/3.jpg" />
Alejandro Gonzalez's user avatar

Only top scored, non community-wiki answers of a minimum length are eligible