Questions tagged [v-btn]
17 questions
5
votes
3 answers
How do I overwrite a v-btn active class in Vuetify?
I am developing a website using Vue.js 2.6.10n with Vuetify 2.1.0 and vue-router 3.1.3.
I have a v-app-bar with v-btns to link to my different pseudo pages and want to have a custom class when the button is active, i.e that it links to the page…
paupaulaz
- 937
- 1
- 11
- 20
2
votes
2 answers
Not able to set active-class for selected button in Vuetify v-btn-toggle
I am using Vuetify v-button-toggle to toggle between three buttons like below. And each button has different active class. But clicking on a button does not set the active respective active class. What I am missing?
Meena Chaudhary
- 9,909
- 16
- 60
- 94
1
vote
1 answer
v-btn router-link only activated when clicked on text
I have a button like this
Perry
- 11
- 1
1
vote
2 answers
How to use lighten or darken colors as background of a v-btn in Vuetify?
I have a button like this on vuetify:
mdi-pencil
And the result is this:
Now I try to do this:
mdi-pencil
But the result is…
EuberDeveloper
- 874
- 1
- 14
- 38
1
vote
1 answer
vuetify v-btn with text-truncate
Any one know how to use text-truncate with v-button. My current attempts are this:
Jamie Marshall
- 1,885
- 3
- 27
- 50
0
votes
1 answer
Change v-navigation-drawer content on click
I have 1 v-navigation-drawer and 2 buttons.
The first button opens the 1st drawer, the 2nd button is supposed to change the drawer's content.
What I would like is to be able to change the content of the drawer (once opened), as soon as I click on…
Quentin
- 65
- 9
0
votes
1 answer
Put margins on v-tooltip
I have a text that displays when I hover a button.
What I'd like is to set the tooltip a bit away from the button (without changing the button's size) because at the moment, it's appearing a bit on the button, they are way too close…
Quentin
- 65
- 9
0
votes
1 answer
What can I do to replace a button in place of another in vuetify?
I need replace a button when it's clicked because I need that button to have 3 states (entrada, salida and registrado),I already have those buttons but they only work when reloading the page, I just want it to render without reload, I add my code…
plasticheart
- 57
- 1
- 6
0
votes
1 answer
Vuetify v-btn how to remove follow up slot span tag
I'm trying to remove the span tag which follow up in the v-btn component provided by Vuetify, that is getting in the way of tracking via HTML id attributes in analytics
Code provided below using UI component (v-btn) from Vuetify
Tyler
- 604
- 3
- 10
- 24
0
votes
1 answer
clicking an ipyvuetify button programmatically (part 2): Why .fire_event('click', None) does not work
I would like to know why one of the answers to this question is not working.
run programmatically an ipyvuetify button
A user said:
looking at the description of the v.Btn class I found this :
| …
JFerro
- 3,203
- 7
- 35
- 88
0
votes
2 answers
v-btn (floating action button) positioned absolute top does not overflow from v-card (Vue2, Vuetify)
How can I make this not hidden when it overflows the component? Thank you for your help.
mdi-close
alec_lloyd_probert
- 124
- 1
- 2
- 12
0
votes
1 answer
How do I make sure the child element doesn't react to the parent element's event with v-btn in vuetify?
I created 4 buttons dynamically and added custom properties to the buttons.
Whenever I press the button, I check the event and try to use the added attribute value.
If I check the browser developer tool, there is a SPAN tag under the button tag,
so…
JinHwan Jung
- 37
- 3
0
votes
0 answers
0
votes
1 answer
Extending vuetify v-btn component, adding custom click event
I am trying to create component which would extend v-btn in such a way that every time I click a button, it should emit short beep, and disable the button for 5 seconds.
It would be ideal for the button to change color while disabled.
This is a…
domaci_a_nas
- 220
- 2
- 11
0
votes
2 answers
how to set v-btn in bottom left and bottom right vue js vutify?
i am trying to do this but unable to set two button in two bottom corner.
Following code keeping two buttons side by side.But i need one button in left and other in right.
TB13
- 367
- 13
- 23