5
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 ...
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 = ""...
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 ...
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 ...
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" ></...
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 ...
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)...
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">`
}
},
...
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 ...
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=&...
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">
<...
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 ...
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 ...
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 ...
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 ...
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'...
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 ...
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)
...
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 ...
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({
...
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" />
1
voto
$route.params With Vue Route and Vue 3 TypeError: Undefined
para cualquiera que lee este Post, desde Vue Schools.IO se ha dado otra respuesta que soluciona el problema:
en la llamada a:
genreKeys.some(function (genreKey) {
if (this.$route.params.miau === ...
1
voto
Aceptado
$route.params With Vue Route and Vue 3 TypeError: Undefined
Así queda DescripcionPelicula.vue, primero deshabilité Eslint porque me molestaba. Cree la variable currentGenre como null y la cargué con el valor de this.$route.params.miau en el hook created.
Luego ...
1
voto
Aceptado
Como configurar fontAwesome en nuxt 3?
El paquete @nuxtjs/fontawesome no se actualiza desde 2020, no tiene pinta que sea compatible con nuxt 3. Yo lo he configurado creando un plugin:
import { FontAwesomeIcon } from '@fortawesome/vue-...
Only top scored, non community-wiki answers of a minimum length are eligible