I am trying to bind some mock data saved in a variable called whatsHappeningItems that I have in my script as a ref to send into a card component I have. When I do the v-for="whatsHappening in whatsHappeningItems" as shown:…
I am developing a headless wordpress site using Vue.js and I have a custom-theme named vue-wordpress. The theme is scafolded using Vue CLI. Here is the directory structure - dist assets templates public src templates functions.php package.json theme.json style.css I…
I'm just trying to add validation in my vuetify form from my Model or Controller and make an alert. In my .vue file <v-row dense> <v-col cols="3"> <v-text-field dense outlined label="Employee Code" v-model="emp_code"></v-text-field> </v-col> <v-col cols="3"> <v-text-field dense outlined label="Employee…
I have made a ModalComponent.vue file which I want to reuse everywhere. The modal has slots for the title, body and footer. It has a standard close modal button, which works fine. I want to have another button next to…
I have the following structure of Vue components: <TopParent> <!-- listen for EventProducer's events here --> <Child_1> <Child_2> <Child_3> ... <Child_N> <EventProducer /> <!-- emit events here --> </Child_N> </Child_3> </Child_2> </Child_1> </TopParent> Question I want to emit an event…
Basically I want to create an object that holds all the backend api urls. backendUrls: { pathParts: { house: '/house', office: '/office' }, baseUrl: 'http://localhost:8080', houseUrl: this.baseUrl + this.pathParts.house } But when I start the project (it is VueJS if…
<template> <div class="parent"> <div class="container"> <h1 class="start" @click="start_timer"> {{ timerText }} </h1> </div> </div> </template> <script> import Timer from 'easytimer.js'; export default { name: 'GameStart', components: { }, data() { return { timerText: "Start" } }, methods: { start_timer() {…
Im working on a project in vuejs that uses "vue3-easy-data-table" Im following the style recommendations on this page. https://hc200ok.github.io/vue3-easy-data-table-doc/features/style-customization.html when I try to use --easy-table-body-even-row-font-color: #fff; --easy-table-body-even-row-background-color: #4c5d7a; It does not take change the background color of the even rows.…
How i can assign the nc key value to nc variable which i have declared. const s = [ 'nc: https://nector.com', 'tw: https://twitter.com; li: https://www.linkedin.com; fb: https://www.facebook.com' ] var li = ''; var tw = ''; var fb = '';…
Greetings fellow developers! Using Vue 3, composition API with setup. I am working on a custom component "Table" to render... a table. It expects a prop called "data", which is an array of objects (as rows) with such params: title,…