python (65.1k questions)

javascript (44.2k questions)

reactjs (22.7k questions)

java (20.8k questions)

c# (17.4k questions)

html (16.3k questions)

r (13.7k questions)

android (12.9k questions)

Questions - vue.js

How to change the border variant of a selected Bootstrap Vue card when clicked in v-for

I have my b-card and v-for showing and functioning mostly as desired, the one issue I'm running into is changing the border-variant of a card that is selected. So far I have tried nesting the v-for th...
test-img

AdamBrashear

javascript

vue.js

vuejs2

bootstrap-vue

Votes: 0

Answers: 2

Latest Answer

Please take a look at following snippet: you can bind border like: :border-variant="selected === index ? 'success' : 'danger'" , and pass index to function. new Vue({ el: '#demo', da...
test-img

Nikola Pavicevic

Hover effect isn't working on the pseudo element

Trying to add hover effect on the pseudo element (on the bottom arrow as well the whole border around) but it doesn't effects and looks like the image below with white arrow and black square, what I a...
test-img

Ayesha

javascript

html

css

vue.js

Votes: 0

Answers: 1

Latest Answer

Target the border-right-color instead of the background-color new Vue({ el: '#demo', data() { return { } }, methods: { onClick() {} } }) .outer-circle { position: relativ...
test-img

James

Vuetify Table - Filter out specific row

I have a table <v-simple-table class="condition-table"> <template v-slot:default> <thead> <tr> <th class="text-left&q...
test-img

code-8

vue.js

vuejs2

vue-component

vuetify.js

Votes: 0

Answers: 3

Latest Answer

Is it possible to add a v-if in the same line as v-for? Yes ! And as you mentioned, it is actually a good way of solving your problem ! <tr v-for="item in item.details" :key="item....
test-img

RenaudC5

The file selection window does not open vuejs

I just need to open a window with a file selection. Why doesn't it open? here is my code. Thank you! <input type="file" @change="imageFileNew" class="form-control" >...
test-img

Exotic

javascript

html

vue.js

Votes: 0

Answers: 1

Latest Answer

I am sure, that the problem is not inside this code. But if you are using any custom input like this Then your tag should look like this <input type="file" class="file-loader__inpu...
test-img

Denis Zelikson

Posts

Questions

Blogs

Jobs