In my ProductCard component I need to be able to create a new item with the addItem method, it does not seem to load the item in the array. <template> <div class="card"> <div v-for="item in TodoItems" :key="item.id"> <TodoItem :item="item"></TodoItem> </div>…
I had a strange problem. My vue compiler don't want to render default named slot of child. Error: Codegen node is missing for element/if/for node. Apply appropriate transforms first. My VSCode also underline this case. It give me the advice:…
i want show unique date in message chat Example. data() { return { message: [ {id: 1,message: 'hi', created_at: '2023-02-16 00:44:41'}, {id: 2,message: 'how are you?', created_at: '2023-02-16 01:00:00'}, {id: 3,message: 'hello', created_at: '2023-03-01 12:00:00'}, {id: 5,message: 'hi', created_at: '2023-03-01…
I wonder how to change the property of a vue app from outside. So I want to create a new vue app called app and set app.propertyName = someValue, but as tried below, that doesn't work. How could you achieve…
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');…