Questions tagged [vuejs3]
Use this tag for questions specific to version 3 of Vue.js, an open-source, progressive Javascript framework for building user interfaces.
vuejs3
13,541
questions
0
votes
0
answers
14
views
Ant design vue upload-dragger prompt if for than max count files are uploaded
I have the below code in Vue3 app using ant design Upload Dragger
<a-upload-dragger
:showUploadList="false"
accept="image/jpeg, image/png, application/pdf"
name=&...
1
vote
2
answers
63
views
this.$.... not working after migrating Vue2 -> Vue3
So I just started migrating using the migration guide and the Compat build so we could more smoothly transition. I have setup the vue.config.js like:
chainWebpack: (config) => {
// Set alias for ...
0
votes
1
answer
21
views
Tailwind width transition for non specific values
I got a button styled with Tailwind and Vue js 3. This button contains a classic "Login" text. I want to achieve that when the user clicks and a loading status is triggered, the button ...
0
votes
1
answer
36
views
Vue 3 Splicing an array does re-render the contents correctly
I have an array of the following structure:
[
{
start: "str",
end: "str",
},
...
]
and template similar to:
<templateList v-for="(item, index) in itemList&...
1
vote
2
answers
67
views
+50
How to set loadingTemplate inside custom Nuxt Module
I'm building a nuxt module, and want to set loadingTemplate within this module.
What I tried so far is modifying devServer inside module like below (But no luck)
import { loadingTemplate } from './...
0
votes
0
answers
17
views
Unexpected Movement in Vue Slider Component on Template Loading
I am using the vue-slider-component in a Vue.js project, and I'm encountering an issue where the slider unexpectedly moves or resets when opening a snapshot template from a download archive. The ...
-1
votes
1
answer
25
views
How do I prevent unicode characters from vue,js input? [closed]
How do I prevent unicode characters like, f.e. emojis from input in vue.js 3 + vuetify 3 + Codeigniter 4? I'm building admin panel, where I can add user accounts. There is no native mechanism to ...
0
votes
0
answers
43
views
Open/Close a Sheet component from shadcn-vue using a button in a parent component
I am using Nuxt and have added a Sheet component from shadcn-vue (https://www.shadcn-vue.com/docs/components/sheet.html) into my project. The example provided in the documentation uses a SheetTrigger ...
0
votes
1
answer
42
views
Is it possible to create a hidden tab on a browser?
I'm creating an SPA in Vue3 that requires a WebSocket to be open at all times to access database variables to the Client. I was wondering, maybe I could hide a WebSocket connection inside an invisible ...
0
votes
0
answers
24
views
Configuring nginx to work with separately containerized frontend and backend
The problem is that I have a separately containerized frontend and backend for my full stack web app (vue3, node, express, vite, axios). When running locally without a container, I can connect the ...
0
votes
1
answer
17
views
Nuxt 3 HMR Module not reloading changes
I have nuxt 3 project and installed couple of packages .
the hmr was working fine .. it just stopped suddenly no clue why .
there's no errors in the console . the cmd shows the files are being updated ...
0
votes
1
answer
30
views
Optimizing Background Images In Nuxt 3
I'm developing a Nuxt.js application and I need to set a decorative background image for a <div>. I prefer using background-image for decorative elements, as it is semantically more appropriate, ...
0
votes
2
answers
42
views
How to properly use Pinia store in root vue component?
My main.ts:
import './assets/tailwind.css'
import './assets/wordpress.css'
import { createApp } from 'vue'
import { createPinia } from 'pinia'
import App from './App.vue'
import router from './...
0
votes
0
answers
21
views
nuxt - router.getRoutes() hydration mismatch
A basic implementation of router.getRoutes() to print routes to screen causes a strange hydration mismatch.
// implementation
<template>
<div>
<v-list>
<v-list-item v-...
0
votes
0
answers
26
views
Can't build a dynamic link on nuxt 3
I need to create a link like this for password-reset
http://localhost:3000/password-reset/d866f5fa974450aabc5fe0943d7266c6659f43e28f1a7a3cda94957374e55974?email=ospreystudio2020@gmail.com
I compiled ...