Hey i am using Apex chart with vue.js VueApexChart Here is my option value : and here in my component data here is my series structure: Then i am having my component called like this: Nothing is displayed on the chart Answer Running it in a codesandbox works fine. Are you sure it isn’t just because you didn’t have any
Tag: vue.js
Vue.js – How to bind to form elements generated after page load?
I have form elements aren’t available in the html document until an inline script runs on page load. How to I bind to these form elements in Vue.js after the page loads? Obviously with jQuery I could do a $(‘.element’).each(), but what is the ‘Vue way’? I need to set the valueattribute of the hidden inputs. Answer The answer for
Using VMenu from vuetify with render function (scoped slot)
I’m trying to use Vuetify’s VMenu component and I would like that when a user clicks the button the VMenu shows up. As far as the docs goes it says we should add a scoped slot. Doing with a normal template it works but when I switch to a render function approach it never renders the button. I have been
Vue 3: Why get same value before update object
I have 2 components in my project where I tried create query based search filter PostsList component: PostFilter component: I must send one API request when filters is change/update. But why I get same values in activeFilters and in coming filters from method setFilters() of PostsList component on everytime? Why I lose old value of activeFilters before set new values
How to write method in vuejs using js code?
My codepen link https://codepen.io/santoshch/pen/LYWPMQy Facing an issue, when trying to convert the js code to vuejs. in the method i tried writting the js code. but getting error. Answer Here is the code from plain JS to Vue2 https://codesandbox.io/s/peaceful-http-2n9y7?file=/src/components/SelectionBox.vue The onclick event in JS can be translated to @click in Vue methods contain function Using expanded variable to control .visible
Vue add suffix to model
I try add suffix (date.now) to my model each time when user enter some information in v-model=Name to achieve it i try to make it by function loanDate which trigger each time when i enter name. But the problem is is that do not work correctly and i wonder what is the right way to achieve it: Input field: loanDate
Trying to add v-model textboxes in a v-for loop of an Object
I have a bit of a problem. I am trying to loop through an object in order to create textboxes dynamically, rather than manually writing out the fields. Then in the template. That’s not working. I have also tried to loop through the keys (editedItem.keys), but I can’t seem to assign just “item” to the v-model. Answer You can think
Link v-model to a object’s property in Vue.js 2
I use Vue.js 2 and I have this array, obtained from this API call (https://developers.themoviedb.org/3/genres/get-movie-list this one) that I’ve used to make a select in HTML: What I want is to link the v-model, which is declared in Js as an empty string, to the property id of this array. I can’t extract the property and use an array with
My rectangle don’t have the good coordinates without a zoom event in d3
I’m doing a zoom in a chart. But i have a problem. My rectangles need a zoom event to display at the correct position, if they do not have this event, they are displayed at wrong coordinates. I have done a jsfiddle https://jsfiddle.net/Natko/mr1250un/90/ The problem is in this part of the code (i think) All the attributes are working except
Vue JS – How to change the position of a component that is displayed on mouse hover
I have one problem related to the location of the component. I have four pictures, when you hover over them, a certain component is displayed, it looks like this If, for example, hover the mouse cursor over a yellow picture, then another component will be displayed below, and so on with all components My problem is when the screen reaches