Category "vue.js"

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,

how to reset styles in vue carousel?

I am using vue carousel and I want to change tge color of the pagination dots' borders. I don't know how and if it's even possible. I looked up the style of thi

Vite - change static assets' directoy

I had build an app using create-react-app. And our server is set up as such that all files except index.html are in a folder named static. <!DOCTYPE html>

pass variables from front to backend

i have a vue js project with front end and i have a field with variables that i want it when its changed it will go to backend and change there too any idea? th

How to use dynamic tailwind classes with JS switch statement and pass them correctly in Vue?

I am a beginner to Vue JS and I'm trying to create a function for assigning corresponding colours to the order statuses. I would like to use switch-statement to

Vue.js: How to add static data between fetched data?

For my application I want to add advertisement banners after every 5 items in my data. So when you scroll you see five data items that I fetched, 1 advertisemen

Vue component - detect outside click

So, I've implemented this custom dropdown list in Vue JS (2.x) and pretty much have what I need, except once the list is open, I would like for a click outside

How to integrate js anim in vuejs

I have 2 files for an animation: Index.html and lazy-line-painter-1.9.6.min.js I want to integrate this animation to my vuejs code. I tried to put everything in

How to integrate paypal Payment Button Vuejs3 Composition API (setup function)

I'm trying to integrate PayPal buttons with my Vuejs3 project using Composition API (setup ) but all what i get is errors i try to integrate it without using se

vue: Downloading excel files using node-xlsx

I am very new to programming and working on a web project. I used node-xlsx make a button that export excel data. But I got an error "Cannot read properties of

Vue js render with different request

I am making an App with vue js and laravel using API,i am getting original data , but there is an optional parameter that i want to insert in the query to rende