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
Tag: vuetify.js
Avoid Mutating Props Directly in a Nuxt VueJs
So I see a lot of posts about this issue but I can’t wrap my head as to why I am doing wrong here. I have a form that I place in a component. It’s mostly made up of TextFields using vuetify. I am then reusing this form somewhere else. I’ve tried different things but I am still getting the
How to download a vue file as pdf file in vuejs?
I have a vue as below which I want to download as PDF when I click on a button in main_component. Please help me find a way around to do so. download.vue main_file.vue Answer You can use the Javascript window.print document method and import your download.vue component into main_file.vue component and then pass the innerHTML of download.vue component by using
Avoid mutating a prop directly error in Vuetify Dialog box
I have created a child component which is a dialog box to which I am passing the prop dialog from a parent component. I am not able to close it because changing the prop value gives a warning. What is the actual way to achieve this? Answer Instead of modifying the prop directly, you can create a computed property that
Is there a way to remove the arrows from an input type but keeping it scoped to only a specific component?
I want to remove the arrows from my input field but I want to keep it scoped to only the text fields of this component. my text field I’ve tried to use this solution from a somewhat similar problem: https://github.com/vuejs/vue-loader/issues/559#issuecomment-271491472 As well as this one: https://github.com/vuetifyjs/vuetify/issues/6157#issue-399264114 But they don’t really seem to function. Answer scoped styles are designed to affect
How can I change the border color of an event in Vuetify Calendar?
I have tried picking up the class after inspecting the element and then adding it to my Sass stylesheet, but it doesn’t work that way. Made the values !important and removed scoped too and it still is not working. Any suggestions on how to get it to work ? On inspecting the element, this is the class: .theme–dark.v-calendar-events .v-event-timed If
how to use single slot to modify any columns in data tables
I have created a reusable data table by using vuetify. Everything is working fine. I have passed headers and items as a props for using the data table in different component. I am using slot but using some different approach which is column based solution with if/else condition. But, i need single slot so it couldn’t be component centric. Here
Vuetify- How to make a link in the textarea clickable?
I have a simple v-textarea Is there a way to detect that a link has been inserted and make it change color and be clickable? Such as this https://stackoverflow.com/. Answer You cannot make clickable links inside textareas (v-textarea is just a wrapper around a native one). They are for plain text only. As a possible workaround you can you can
use same component with same props name in on page not works vuecli
Well. i have a component called Logo and i am using it in nearly every views and even in other components. Logo component takes only 1 props: “size” and i use javascript to mack it responsive depend on its font size but => for example i have a landing: in landing i have component renderd in landing: navbar that contains
How to use v-tooltip with v-file-input tag in Vuetify 2.0?
I want to use v-tooltip, when I input the file through v-file-input and mouse over the file name, file name will be showed popup like as v-tool-tip. So I tried to make code the following. I ran this code and input file, file input was success and tooltip displayed but never disappear. So, I thought using event handler in JS