Here’s a code: Why the binding doesn’t work. I try from a video Thank you Answer Your vue instance is not connected to your element.
Tag: vue.js
How to import multiple svgs in vue.js via vue-svg-loader
I want to import multiple svg’s in one vue component. The documentation says I Have to import each one of them, but how can I import multiple svgs in a much shorter and cleaner way? vue-svg-loader documentation: https://vue-svg-loader.js.org/ What happens if I got over one hundred svg’s I want to import? Any ideas to solve this? Answer Create a base
smooth Nuxt/Vue transition on the rest of the page when displaying and hidding a list of elements
I got a list of grid items , and a button switching between “see more” and “see less”. On click on the “see more” button, all the list is displayed. on click on the see less, only 3 items are displayed. we got a nice transition when displaying all the items, but when we hide them, all the elements on
vuetify v-chip close icon not showing
I have just upgraded vuetify from 1.5 to latest 2.1.12. My v-chips are now missing their close icons. They are simply not visible. Even if I create a very simple v-chip I don’t see the icon. This is an example of a chip: In version 1.5 of vuetify I can see that the “close” prop makes the html render a
‘-‘ In v-bind:style / Vue.js
I cant understand how to make CSS code into v-bind:style with symbol ‘-‘. If i try to do something like that: I get: Answer As explained in the Docs of Vue: “You can use either camelCase or kebab-case (use quotes with kebab-case) for the CSS property names” So you’d need to change the margin-left to either marginLeft OR ‘margin-left’ to
How to pass value to the request action url in el-upload?
<el-upload class=”upload” action=”http://127.0.0.1:5000/upload/email” :file-list=”fileList” > Here i have used elementio UI library and I need to pass email value to the ‘action’ url to end like base_url/upload/${email}. But this way doesn’t work here in binding the value, because it takes the whole url as a string. What needs to be done here for binding data to the action so that
Set class using data source from JavaScript
I want to build a list of data source received from JavaScript in vue.js Where this {{item.clockIn}} return two type of value that is true and false. But it’s not working as i thought. Anyone can help me with this. Answer First of all, you seem to have a typo in your class definition. The second .true class should be
httpsCallable is not a function when calling a Firebase function
I’m trying to implement a role-based authentication using Firebase auth and Firebase functions. Right now I have a registration form that is working as supposed and now I’m trying to add a form that you submit an email that calls the Firebase function that will attach a custom claim to a user. I already added my function to Firebase via
How to add tooltip to datatable header in vuetify?
In older version on vuetify you could access headerCell slot and easily add tooltips – see https://codepen.io/nueko/pen/dZoXeZ In the latest version you have named slots, so you need to know header name before Is there a way to add a tooltip to all headers? Answer There are 2 ways to achieve this. Option 1: Customizing whole table row If you
Why v-for won’t render any DOMs? ‘Property or method “data” is not defined on the instance but referenced during render.’
I would like to render several div containers depending on a returned API call from axios/vue. The axios call and callback work just fine, but vue won’t render any divs. Since I am using Django, I already changed the delimiters from curly brackets (which is Django default as well). Error message in console: Please find a minimal code snippet as