all modals can close using press esc key by human. I want to do this through javascript code without actual human intervention I run the following code through the browser console, but it does not work at all Can anyone…
Trying to do a v-for for nested object. const products = { Shorts: "/shorts", Socks: "/socks", Shoes: { "Shoes4men": "/shoes4men", "Shoes4women": "/shoes4women", "Shoes4kids": "/shoes4kids", }, } In frontend then: <div v-for="(link, product) in products" :key="product" :value="link"> {{ product }} {{…
How to get period from last week's Monday to last week's Sunday as a date using JavaScript I tried to find information in different sources, but did not find an answer, I hope they will help me here
I want to make a simple web photo editor. I need to change the brightness, contrast. Here's the code. <script setup lang="ts"> import { ref } from 'vue' import { getFromDB } from './db.ts' const data=ref(getFromDB()) const img=ref<HTMLImageElement>() const onLighter=()=>img.value.style['filter']='brightness(120%)';…
While working on a project (Netflix Replica), i have encountered an issue, When i am opening inspect element my UI is distorted . Although this is not breaking any functionality , still i want to know the reason for it…
So I have my app.js import { createApp } from 'vue'; import ProductsGrid from './components/ProductsGrid.vue'; import Cart from './components/Cart.vue'; import NavLink from './components/NavLink.vue'; import Navbar from './components/Navbar.vue'; const app = createApp({ components: { 'products-grid': ProductsGrid, 'cart': Cart, } }); app.mount('#app');…
In a card I have a column with different buttons. I want to have the red button at the bottom of this row but margin auto is not working for me. How can I achieve this? Thank You! <link rel="stylesheet"…
I'am trying to access a store value after i have mutated it in a component. First, i select an array of numbers from a list, which then after a button is pressed gets stored in in the store. When i…
I use [email protected] and [email protected] main.js import { createApp } from 'vue' import App from './App.vue' import router from './router' import PrimeVue from 'primevue/config'; import './assets/main.css' // primevue-css import "primevue/resources/themes/lara-light-indigo/theme.css"; import "primevue/resources/primevue.min.css"; import 'primeicons/primeicons.css'; import '/node_modules/primeflex/primeflex.css'; const app = createApp(App)…
I got vue app with following structure: "blackout" component for poping up modals and router-view for all sub-menues. Those are sibling (located at one level). <blackout v-if="this.popup.currentPopup"></blackout> .... <router-view class="folder"> ...child-component with get request displaying data </router-view> There is a…