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,…
I have a problem with getting data from the API using VUE JS and then I want to print this page. After I got data from API, Elements did not completely render and the print option popped up with the…
there is something I want to do. I need to send requests to 4 different places in the onmounted function in the composition api, but I want to send requests to all of them with promise at the same time,…
I'm trying to add file(PDF) download link with HTML 'a' tag. this is what I did <a href="../assets/document/swb-doc.pdf" download="swb_introduction.pdf" target="_self">INTRODUCTION</a> when I click the link, chrome does download "swb_introduction.pdf" but it says "Failed, File doesn't exist" How can I fix…
I'm new to apostrophe-pro and in node_modules I can see a file TheAposPallete.vue which can be located at node_modules@apostrophecms-propaletteuiaposcomponents This file has following CSS: .apos-palette__grouped.is-open .apos-palette__grouped__schema { max-height: 100vh; } I want to override this since this is causing some…