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 ...
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 ...
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 ...
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 ...
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
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 ...
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)...
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 ...
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 ...
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 ...
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>
<...
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:...
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: {
...
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
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
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
Vue3 - Recibir emit y añadir parametro a la función que lo recibe
Lo resolví de la siguiente manera:
<chat
@sendMessage="sendMessage($event, 'parámetro adicional')"
/>
y la función como cualquier otra:
function sendMessage (message: string, param: ...
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" />
Only top scored, non community-wiki answers of a minimum length are eligible
Etiquetas relacionadas
vue3 × 105vue.js × 61
javascript × 38
vue-router × 10
laravel × 8
nuxt × 6
css × 5
composition-api × 5
php × 4
html × 4
vuex × 4
vuetify × 4
typescript × 3
api × 3
datatables × 3
vite × 3
laravel-9 × 3
pinia × 3
css3 × 2
npm × 2
axios × 2
laravel-8 × 2
momentjs × 2
props × 2
quasar × 2