Category "vue.js"

How to test transition function in Vue 3 test utils?

I have a problem testing transiton functions with jest and vue test utlis. This is my component code: <div class="disclosure"> <button clas

VueJS 3 CLI environment variables secret isn't working

I'm new to vue .env. I looked everywhere for a straight answer till I got lost. According to VueJS documentation that if we have .env.local file that will be lo

New url is not opened in a new tab

I have this code : <b-btn variant="primary" class="btn-sm" :disabled="updatePending || !row.enabled" @click="changeState(row, row.dt ? 'activate'

my site looks fine on the developing screen but zoomed in on other screens even if they are the same size of mine?

I am developing the front-end o a website using vue.js version 2 and bootstrap-vue (bootstrap v-4.5). Its responsive and works fine on mobile but on laptops and

Nuxt/Vue Printing in Safari

Calling window.print() in a function fails to bring up the Safari native print window. This does however work in Chrome. I've tried: Attempting to follow this l

How to close a div on click in vue js?

I have added a close button to a div in Calendly popup in VueJS and I want to close this div when click on the close button. How can I do this? This is my Calen

How to call render functions in Vue 3 composition api?

Back in vue 2 i used to call render() like that: export default { mounted(){ ... }, render(){ ... }, methods(){ ...

Keep all style of page inside page block element

I have this code : <div class="page-payment"> <div class="payment-methods" v-if="!pending"> <sepa-modal ref="sepaModal" /> &

How to use Vue in an existing typescript application without modules?

I'm trying to use Vue in "progressive enhancement" mode in an existing site, which already uses Typescript extensively. The vue tutorial shows code like this: &

Display a specific route in a different router-view

I've got a Vue 3 app with Vue Router 4 and I want to achieve this: <template> <v-app> <router-view></router-view> //This is where

How to add slick carousel to Nuxt

I am basically trying to add this onto the site https://codepen.io/pnmcosta/pen/GYpxgr Placing that on one of the components and it gives the following error r

Vue web component prop not being set through html attribute

I've got a vue web component with a numeric prop on it, and through some testing have found that doing something like this doesn't work in setting the prop valu

How to make v-menu keyboard accessible

Vuetify 5.10 and Vue 2.6.14. I know the Vuetify documentation says: By default, v-menu components are detached and moved to the root of your application. In or

How to set the icons to the bottom of each card that must be present inside the card ,for my case it's overflow and crossing the some of cards?

when onclick functionality happens on the CLOSE button it generates some cards ,each card contains some icons at the bottom that needs to be fixed position(perf

Vue.js Uncaught TypeError: Cannot read properties of undefined

I am fairly new to Vue.js and having trouble understanding why I am getting this error: Uncaught TypeError: Cannot read properties of undefined (reading 'contac

CKEditor 5 not working on Vue 3 Composition API

I am trying to use CKEditor with vue 3 composition api locally but the editor not shown on the page here is may component <template> <PageWrapper t

nuxt-mail fails with a 504 with nginx reverse proxy

I configured nuxt-mail to send emails from our nuxt app. The baseURL of my app is changed to "https://localhost:3000/app" instead of "https://localhost:3000" So

How to add style in Vue js 3 on a cdn based app

I'm learning Vue js. I created a Vue JS app with cdn link and I want to know, how to add element style to it. I can write template as template: <div>Vue j

How to freeze request to test that components are disabled using Cypress?

I'm using VueJS and Cypress to test the app e2e. I have a modal where user fills a form and click on the "send" button. When user clicks on that button, we disa

How to target each page of the pagination for adding an event in Vuejs?

< script > export default { data() { return { perPage: 3, currentPage: 1, items: [{ id: 1,