Category "vue.js"

Vue 3 refs is undefined in render function

I have a simple Vue component with root element as ref="divRef". However, in onMounted function, divRef.value returns undefined. Any help will be appreciated. i

Can you force Vue.js to reload/re-render?

Just a quick question. Can you force Vue.js to reload/recalculate everything? If so, how?

How to use Tailwind CSS together with SCSS in Laravel/Vue project?

I'm trying to install tailwind css from this guide into an existing laravel/vue project, which uses scss. install packages yarn add -D tailwindcss@latest postcs

How to redirect in nuxt3 refore routing completed

I'm trying to setup a boilerplate in nuxt3 which checks before each request if the access to the current path/route is allowed. Currently I've tested two differ

nuxt js "Failed to execute 'appendChild' on 'Node': This node type does not support this method" on mobile view port

found this error when trying to run my nuxtjs app with vuetify on mobile viewport, but everything runs well on desktop viewport. error on local machine image :

Get element height with Vuejs

I want to get the height of a div in order to make the height of another div matching it. I used the method clientHeight, but It doesn't return me the good valu

How can I modify the value of state in pinia in vue3 component test and affect the component?

Using vue-test-utils to test the component using pinia, I need to modify the value of the state stored in pinia, but I have tried many methods to no avail. The

cookie not set in the axios request header

I am having sprin boot application as my back end and vue js in the front end Both are running in my localhost but with different ports I am using axios to make

How do you export default from inside script setup in Vue 3?

The export default statement does not seem to work inside <script setup>. If I try to export it in test.vue: <template> <div id="test" class="t

How should Vue filters be bound using typescript?

How should Vue filters be bound using TypeScript? It is fairly straightforward with pure js, but I'm running into issue converting it to TypeScript. The code an

Vue: How to enable multi page in an existing SPA project?

I have a single page (SPA) application written in Vue. Now I need a separate page that should be available without being signed in. To me it seems like a need t

Vue: How to enable multi page in an existing SPA project?

I have a single page (SPA) application written in Vue. Now I need a separate page that should be available without being signed in. To me it seems like a need t

Nested directory nuxt 3 + Vite

I want to use nested directory in nuxt 3 beta with vite. In Nuxt 2 i was using this config in (nuxt.config.js) and it work : components: [ { path: '~/componen

Check if vuex-persist has restored data in Nuxt project

I have added Vuex-Persist and Vuex-ORM to my Nuxt project. When the application starts for the first time I want to add some boilerplate data. In my default.vu

Vue: Failed to compile (Strings must use singlequote)

I've been working with Visual Studio Code for two days now. I try to build a Vue-Application. But always when I run the application by npm run serve, I get the

Vue2-Dropzone: How to use removeFile(file)?

I created a custom Dropzone with vue2Dropzone: <drop-zone :options="MydropzoneOptions" :include-styling="false" @vdropzone-success="UploadSuccess" @removeUp

Vue select tag on change not firing when selecting the same option

I have a select tag that should trigger function when an option is selected. <select id="selector" class="form-control" @change="executeAction" v-model="sele

How to use router in vue composition api?

I defined a route in vue: /users/:userId Which point to UserComponent: <template> <div>{{username}}</div> </template> and I use

Using formula.js on vue.js

I am trying to use formulja.js in a Vue project. When I import it and try to use PPMT function I am getting this error. I can't define what the error is and how

How to inject object value to v-text when key was added during usegn aplication?

This is my obj form backend myObj = { name:'nr123', empty:'' } On click function adds new key: value function userClick(){ this.myObj.status= "accept"; conso