I’m trying to use the VueGapi plugin for a gmail app in Vue. Here is my main.js When I try and reference it with this.$gapi I get the Uncaught TypeError: this.$gapi is undefined A little new to Vue so any help would be appreciated! Answer The .mount function does not return a vue app, that’s why you can”t make a
Tag: vue.js
Memory Leak when Drawing Video to Canvas using requestAnimationFrame
I am trying to do a dual monitor screen recording by combining screen1 and screen2 in Canvas. I am using vue and electron to do this. But I always got a memory leak, after I troubleshoot my code and narrow the problem. I found that this simple code causes a memory leak, but until now I could not find out
How to target and erase a multiplicated component in Vue
I need to target and erase a component that I duplicated using v-for. I’m creating a multiple stopWatch app. At this time I’m able to erase only the last component I duplicated but I want to be able to erase any of the components targeted Here is my component “Counter”: and there is the App.vue where I want to duplicate
How to update reactive object without losing reactivity (vue3 compositionAPI)
I tryed to update a reactive object , but reactivity is lost. How to solve this problem? Answer Actually your example should work, when it comes to reactivity. Instead of iterating through the keys, it might be a better idea to simply use Object.assign(obj, updateObj), but your approach should work as well. But, it seems you have a slight misconception
Vue-Select is Unable to Create Options from an Array
I am a beginner who is currently learning Vue and Nuxt JS and developing a simple web application with Nuxt JS. Currently, I am trying to make a Vue Select option where I pass an array and I have the options be the elements in the array. This is my current index.vue (TextBox and DropDown are components I have defined):
Set checkbox selected in Vue
I am beginner in vue and web developing. I make my app with Laravel and Vue. I have this code: This code show me inputs – and it’s work fine. I have problem with set selected attribute for selected checkbox. In array selectedDocumentDircionary results from api: How can I set checked for only this checkbox, witch selectedProducts? Please help me
Active events in vue instance encapsulated inside shadowDOM
I’m searching to trigger event from a vue instance which is encapsulated inside a shadowDOM. For the moment, my code create a new Vue instance inside a shadowDOM and print the template without the style (because nuxt load the style inside the base vue instance). I can call methods of each instance But, when i’m trying to add an event
How can I remove this icon from text field? (Vuetifyjs, CSS)
I have this vuetifyjs text field and I want to remove the clock icon. <v-text-field v-model=”model.end_time” type=”time”> </v-text-field> I have already tried this code but it is not working Can someone help me with this Answer You need append css code globally. If you add css in <style scoped> it will be not working.
When Importing Self Made Vue 3 Library Into Vue 3 Project: “Uncaught TypeError: Cannot read properties of null (reading ‘isCE’)”
I created a custom component library using Vue 3, and after installing it locally thru yarn and registering the components, I kept getting the following error in the browser devtools when using the components in the template: Uncaught TypeError: Cannot read properties of null (reading ‘isCE’) Upon researching the issue, it became apparent that the Vue community’s proposed solution isn’t
How can i set focus on a newly (automatically) rendered dom element?
I have an input field that gets replaced automatically with a textarea and same content depending on the number of characters the user has entered: The problem i have is that the focus gets lost when a user enters the 21st character. And thus the user gets irritated because when he types the 22nd character it does not appear in