Tag vue 3 install

Event Listener not added [duplicate]

/src/pages/files.vue Why is my event listener not being added? document.getElementById("import-file")?.addEventListener("click", () => { console.log("Import File!"); ...

Vue: Best approach to access possible existing nested properties in error object

I'm looking for a good and reusable approach to access possible existing nested properties (nested object and array of objects) inside an error object without typeErrors. I have a createCompany form/...

Vue3: Check if event listener is bound to component instance

I have a reusable Badge component. I want to be able to add a close/delete button when an onDelete event listener is present on the component instance. <template> <div class="flex ...

Vue: Check if emit is passed to component

I have a reusable Badge component. I want to be able to add a close/delete button when an onDelete emit is passed by the parent component but I can't find how to check of this. <template> &...

How do I use the bootstrap datepicker in vue3

Im using vue3, and bootstrap 5. I want to add a datepicker to my app. The datepicker was in bootstrap4, but it appears to me that bootstrap5 doesn't have it. I'm suprised that its not there, I don't ...

How to use spread operator in <script setup> Vue3

Vue warn unhandled error during execution of render function, of scheduler flush, and violation scroll-blocking

I've tried to figure out what is happening with this one particular page I have as I get a list of warnings and an error every time I load it [Vue warn]: Unhandled error during execution of render ...

How to change markdown image size in Vue 3/Laravel Nova/CSS?

I am fetching markdown from a database: const state = reactive({ content: "" }) axios.get('/legal') .then(res => { const data = res.data ...

SEO pages in VUEJS? Other solutions then migrate to NUXTJS?

We building a vuejs app. I read a lot of issues in case of SEO pages, and the best solution is to mirgate the app to nuxtjs and create SSR SEO pages? Is this the best way or other solutions? best ...

Vue3 i18n lazy loading not loading text

I have installed i18n in vue 3 https://vue-i18n.intlify.dev/introduction.html and I want to load the json files lazy. In the app.js const i18n = createI18n({ legacy: false, globalInjection: true,...

Passing Laravel helper code to my main App.vue root file

In my Laravel 8 project I have the latest vue 3 and "laravel-mix": "^6.0.39", "laravel-mix-polyfill": "^3.0.1" installed. In my resources/js/app.js file I have ...

How to checkbox automatically checked all when select all after upload image

I want to make a method that when executed will check all inputs that have images and text, where this method will run on the input checkbox with the label Select All, which when select all is checked ...

Vue3 doesn't do anything after I use await [duplicate]

So I'm starting to learn vue, but I can't get it to work I'm using <script setup> let cards = ref([]); const images = await axios.get('https://jsonplaceholder.typicode.com/photos').then(r =&...

Displaying each element of array into HTML tags like div, span , p in vue

So I am creating a type racing project and I want to show each alphabet in my array in html tags like div, span etc to give them different colors(styles) based on what user type(correct or incorrect)....

How to filter an object based in a property to compare all that have the same value, then mix a specific value?

It is possible? So this is an extract of the graph: [ { "colorName": "yellow", "slug": "yellow", "colourDescription": &...

Vue 3 computed not refreshing

I'm trying to make a login form with Vue 3, but I have difficoulties with getting a state in 'realtime' or computed. So when I try to login user from template it look like this. <button class="...

Even though I installed axios on my Vue project, it still returns an error [closed]

This dependency was not found: axios in ./src/components/history.js To install it, you can run: npm install --save axios I prepared the history.js file for the response. no matter how I try, no ...

Quasar q-img inside of q-select is not visible

I am trying to do a language switcher. However, although my images are in the right location, q-img do not show anything when I get src from my options array. When I directly enter the image location ...

Problems with adding FileUpload from PrimeVue

I had a project on Vue 3. Wanted to add some tags from PrimeVue. Installed it vue npm, add code to main.js: import { createApp } from 'vue' import App from './App.vue' import router from './router' ...

Vue3 How to return value from a component

Using Vue3, I've got a Datepicker component using the litepie-datepicker <template> <div class="flex"> <litepie-datepicker as-single v-model="dateValue&...

I18n does not interpret component-specific messages

I am trying to create a specific JSON file for each component in Vue 3 using i18n. However, I could not even get i18n to read local messages. I've tried creating <i18n> blocks, adding a messages ...

What function can be used to keep playing audio after current one is done

I am trying to play the next song in a playlist/album after the current one has finished playing. I was able to get a song to play but it does not move to the next one after the current one finish ...

Call toastr in Vue 3

I'm working in a project which is made in Laravel 8 and Vue 3. I use this toastr package: composer require yoeunes/toastr Everything works fine from Laravel Controller but the problem is I don't know ...

Add html element with an event in Vue3

I need to add series of table lines in VueJS3, each one with a button, and each button need to call a function. But the event doesn't work, neither the Firefox Tools doesn't show the event. HTML <...

123456 Last