I am trying to build a scoreboard and right now i got two cards for each team. In each of those cards shall be two rows: One for the teams logo and one for the current score. My problem right now is that the alignment of the logo and score wont work. Both are still on left. Through trial and
Tag: vuetify.js
options.domAPI is not a function
I’ve tried adding stylus config of Vuetify to modify the global variables, until I noticed that it’s not supported anymore. I’ve run this command to install the required loaders: npm i –save-dev stylus stylus-loader css-loader style-loader. After that, I started getting the error in the title, and after removing those libraries, it didn’t remove it at all. I’ve tried running
Vue 2 : how to select just the search results inside v-data-table
I tried to use select all (as a checkbox) to select all result that what I search for, but it’s still selected all data in table and I use employee.map for loop my selection all data in table. Can somebody help me? here is my code : if there is anything that I did wrong more than what I expected.
VUETIFY problem when using dialog inside for loop lost index
I have to call a function when within the dialog I press the confirm button with the index where the dialog has started. It always sends me the last index of the for loop and not the one that corresponds I copy the part of the code to which I refer: On line 57: s.key must contain the index from
Using VAutocomplete from vuetify with render function (scoped slot)
Am trying to use the Autocomplete component inside a render function. When I try to use the scopedSlots of the component it won’t work for me. My code: I tried using the answer on this post Vuetify VMenu with render function The answer when I try it works however when I apply it to the Autocomplete it isn’t working for
How to text wrap to next line in Vuetify when class text-wrap not working?
I have cards that cut off words, moving them to a new line: I tried to use class=”text-wrap”, but it doesn’t work: Answer Thanks to @Chin.Udara solution is: <v-card-title style=”word-break: break-word”…
How to submit form to array and clear inputs in vue
I have a vue form inside a dialog. Where the user can select a date and multplie starting times and ending times. So far I can save one object consisting of one date and multiple times. But when I want to add another object it takes the new date but changes the time values for every object. for example if
Radio Button Display as current Value
I have a radio button that act as status selector for company record. Problem is when edit record. i want radio button in editdialog preselect according to current status of record. current code I’ve tried a solution as in this link and it still don’t work as intend. this time it warn me that Active and inactive property or method
Dynamic Vuetify Textbox or Select based on Array Values
I’m working on a modal form which will display a number of v-select or v-text-field… however, the number and types of these elements are being pulled from a database which means the vuetify code to create the elements needs to be dynamic. To start, I have a json object which is returned from the database which describes each input element.
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