Relative Content

Tag Archive for vue.jsvuejs3vue-component

Vue js 3 Portfolio Filter Image Gallery not working

I am new to learning vue js. I am facing some difficulties while practicing. I want, in my vue js project when a visitor comes and clicks on a category, it will show all the images in that category. But if I click on the category it takes me to the very bottom of the page very quickly. How can I solve this? What would someone say? I have given the codes of my template and script below.

Using layouts in Vue-3

I am trying to implement layouts in a vue-3 application.
Based on this solution, I created a simple layout file:

Add a component to document after app mounted

there is a simple vue application.
I want to make some notifications in my app.
there is a notification component in my project and they will appear after each click on a button for 5 seconds
I want to have a lot of notifs by clicking rapidly on the button.
How can i handle it?
do you have any better solution?

two-way binding of a checkbox does not happen

For the code posted below vue component it is a child component and is hosted in a specific parent. When I make two ways binding via vModelCheckGeoTIFFOverlayBandAverages by introducing a change to compPropsVModelCheckGeoTIFFOverlayBandAverages, the changes
do not get reflected in the parent component.

shorter names for vue3 deep objects when accessing them in template and in code

How to get around long names of objects, for example, buttons.btnCancel.inactive? I’ve tried plain desctructuring using const {btnCancelInactive: inactive, btnCancelInactiveClass: inactiveClass, btnCancelActiveClass: activeClass} = buttons.btnCancel but I lose reactivity. I tried destructuring to toRefs but then even the value btnCancelInactive is empty.

How to use one component to render different data on Vuejs?

I want to create a page where information about games on my site will be posted using a component that will be rendered depending on which card I click on (depending on the name of the game). I don’t quite understand how to do this, it seems that when I click on a card it takes me to a new page, but nothing is rendered for me.