Learning and sharing good experiences

SetTimeout() not working called from vueJS method

I am trying to allow a user to reset or shutdown a given server from an app. Im working on the interface right now, and want to give the user messages as to what is happening. I display a message ...

Change element prop in runtime

I have a chart component, and my job is to make a button to change it's type (eg. columns to pie), but i don't know how to change it on a button click event. Here's the structure of the component (the ...

How to get id from the checkbox to check if is checked or not in vue3

<div><input type="checkbox" class="delete-checkbox" :id=this.products[index].sku @click="setDelete(this.products[index].sku)"></div> I'm building an ...

[Vue warn]: Error in render: "ReferenceError: File is not defined" [Vuetify + NuxtJS]

(I'm using Vuetify and NuxtJS) I get this error when I'm trying to implement the component : v-file-input file.vue : <template> <v-file-input counter multiple ...

Why method in in mixin returns object Promise? [duplicate]

In vuejs3 app I want to use common method, so I put it into mixin resources/js/appMixin.js as : export default { methods: { async getBlockPage(page_slug) { const response = ...

Planning Achieving Responsiveness Using Web Components

I am planning to create a design system using stencil-js and host it in vue as custom-components. The concept that is quite clear to me is that I will create reusable components which will host its ...

Can't add directive as plugin in Nuxt application

I'm trying to incorporate the Ripple package into my Nuxt application. Following Nuxt docs and the package docs example I have a ripple.js file in plugins/ directory containing this: import Vue ...

How to access Vuex map helpers with Composition API

I am using Composition API in Vue2. Can you tell me how to access mapState with composition API? I want to watch for state changes as well. Hence I would have to use it within setup function as well (...

How to save text and image in Vuejs

I currently have an tool to set up which allows the user to upload an image, and then place custom text over it which displays and is editable in the browser. My question is, using VueJS, is it ...

Vue2 with typescript : unit test with jest

I'm running vue2 app (class component) with node 14.16.0 and I want to create unit tests to it using jest I installed jest 26, babel-jest 26.6.3, ts-jest 26.4.2, vue-jest 4.0.1 and @types/jest 27.0.3. ...

How can I use data in css with Vue?

I want to design a button component with Vue. When I get main props, how can I get in css --mainColor variable without setting inline-style? thanks. <script> import Vue from "vue"; ...

Yarn run error cross-env NODE_ENV=development

I am using Laravel and Vue and when I run yarn run dev get this error errorImg I try rm -rf node_modules rm package-lock.json yarn.lock yarn cache clean yarn add cross-env but not work): what should ...

LocalHost Vuejs request has been blocked by cors policy?

I'm using a new endpoint to laravel backend with vuejs, but the request keeps return CORS error with status code 307 redirected. I've followed some solution as creating a vue.config.js file and add ...

Accessing a list of checkboxes in a parent component to take action on checked elements

I am struggling with some functionality. I have a component called ObjectTable that basically standardizes a b-table with data passed to it after a call to an RestAPI. In the parent component: <...

Many of the same SCSS styles in devtools in NuxtJS project

For now i face the problem with global scss styles in nuxtJs. When i try to import styles using style-resources everything is fine but when i check devtools, styles multiply couple times. Any ideas ...

Process multiple images using npm sightengine, I get "TypeError: fs.createReadStream is not a function"

I get "TypeError: fs.createReadStream is not a function" when I try to return some data from sightengine API from pictures. Here is the loop I am using on a Vuejs project: async ...

Content-attribute on after-pseudo element not showing with dynamically created arbitrary class value

I have quite an odd problem: I want to dynamically fill the content of an after: pseudo element within a computed value. The fun part is, that it works if the key is a string literal before returning ...

Vue Directive Reactivity value

I am using a custom v-directive "v-clip" and it requires a value. In my case i want to use 'data binding'. Which means the value for v-clip can change on the fly from other interactions on ...

Vue v-if - show text if email confirmation does not exist

I need this "span" to be shown only in case the user doesn't have a confirmed email. <span v-if="!confirmed" class="additional-link alert">{{ $t('page_sign_in....

Table Height sizing and lines format

Pardon my novice for I am just a mere beginner. I know this is a simple problem, but nevertheless, I am struggling. I am looking to change the size and style of the table that is shown in code below. ...

Vue3-date-time-picker / Set custom date. month and year

Any idea on how to set custom date, month and year on vue3-date-time-picker? I want to set the date, month an year to a custom value before the user will change it on his own. https://vue3datepicker....

Why vue 3 import all js files for all pages on first load project

Vue 3 import all js files for all vue components on first load project. i want vue to import only required files. for example if i open contact page vue 3 should import only contact.js file. Right now ...

How to record mutation and action in "vue js dev tools" beta version?

I'm working on vue3 and managing state using Vuex, but I'm not able to load mutation and actions in the vuejs devtools beta version. Also no recording feature. Image of my vuejs Devtools

Cannot use Options API in Vue 3 with Webpack

I have a question about the Options API in Vue 3 which might be specific to my implementation with Webpack 5. From the docs and articles it seems that in Vue 3 you can use both the 'old' Options API ...

First 12345678910 Last