Question: I’d like to know if it is possible to add a custom spellchecker function to a Textarea. Background: I am currently using bootstrap-vue’s b-form-textarea component to display a textarea that accepts a list of values from a user. I am already validating state and displaying whether the textarea is valid or invalid. However, I’d like like to show a
Tag: bootstrap-vue
Change text color in BootstrapVue table if this column value is greater than another column value
I have a BootstrapVue table that looks like this; I would like to change the text colour of the number in Age column to green if Age >= ID and to red if Age < ID. Here is the code in a single HTML file. I am using Vue.js v2 and BootstrapVue. Answer You can simply achieve it by using
How to make this table sort by this particular column when it initially loads?
I have a bootstrap-vue table that looks like this; Here’s the code; When this table is initially loaded up, I want to specify that the table is sorted according to Person age column in descending order. I am using bootstrap-vue and Vue v2.6 Answer You can use these two attributes in <b-table> : Demo : —- OR —— You can
how to show div after click only for few seconds
I’m working with BootstrapVue. I have – I think – a very simple question, but I could not find anything that worked for me. I have a <b-button> which I want to click and than the second <div> should be shown but only for 3 Seconds. I want to have my code without jQuery – how can I achieve that?
How to set the b-pagination’s main color?
In bootstrap-vue pagination there is no slot for change main color of pagination. you see there is only blue color for it. is there any way to change it to my required color? Answer You could change it by changing the CSS of the active item of b-pagination. I illustrated the solution by the following code:
Open modal when click on button
I have this code : SepaModal : I have the error : Error in v-on handler: “TypeError: this.$refs.sepaModal.open is not a function”. I tried with this.$refs.sepaModal.show(); (the same error). Very strange bacause I put a console.log and I have sepaModal in refs. Can you help me please ? Thx in advance Answer
With Vue.js, How to use a modal component inside v-for loop?
i made v-for loop cards with vue-Bootstrap. in state, there are dummy. like this. ], and here is my vue.js code and js i just wanna each card has its own modal ex) when i click ManU card, just one modal will be activated and it has ManU data but in my code, when i clicked a card, 3 modals
How can I use multiple b-form-radio-group avoiding visual interference among them?
I’m new using Vue and specifically Bootstrap Vue and I’m trying to build a form with multiple radio groups. My problem is that when I change the value in one of them the others don’t change their values (this was checked with Vue DevTools) but visually it looks like none of the values are selected I don’t know what is
Access parent component scope in b-table slot
Im using a v-slot in a <b-table> so I can create a link. The first part of the link contains data from the datasource. However the querystring has a parameter that I need to include in the link. How can I get scope to my data that holds the querystring value so I can add the querystring to the link
Vue.js pagination with http requests
I have table with pagination-nav component: I get table content using method getTrades with http request to json API: Where every ${page} corresponds certain slice of data. Server-side code and requests work fine. Now I want to pass page number from button clicked to method getTrades. For this purpose I call getTrades method inside linkGenmethod. Instead of right page number