question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Question: how to create dynamic card/accordion?

See original GitHub issue

I would like to render a dynamic list of cards with accordion support. However, I am not sure how to do so.

In this case, how would I make ‘accordion1’ dynamic (i.e. accordion[number])

Button: <b-btn block href="#" v-b-toggle.accordion1>

Collapse: <b-collapse id="accordion1" accordion="my-accordion" role="tabpanel">

v-for example (how do you make v-b-toggle.accordion dynamic?): https://pastebin.com/eptwQgff

Thanks!

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:5

github_iconTop GitHub Comments

5reactions
joakim-gcommented, Jan 24, 2018

v-b-toggle="'accordion' + id"

0reactions
ualidcommented, Dec 3, 2018

I’m with a problem. The aria-controls stay the same when v-b-toggle is dynamic.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to implement a dynamic bootstrap 4 accordion, using ...
I took the liberty to edit your question and make it readable by adding punctuation (you know, commas, dots, etc.)
Read more >
How to implement a dynamic bootstrap 4 accordion using ...
I'm looking for a way to add a new bootstrap 4 accordion when I click on button. Anybody could you please help me...
Read more >
Dynamic FAQ accordion card coding challenge solution
Hi @mathew12tan, congrats on your first JS challenge, well done! Here's what I noticed: it would be good to add some margin on...
Read more >
Create a custom accordion - Webflow University
First, make sure the parent Dropdown element is selected (we named it “Accordion item” for this example) · Click the plus icon in...
Read more >
Build layouts as an accordion dynamically | Support Center
You can use Layout group of type accordion for this requirement. Accordions are mutually exclusive by design so only one of them will...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found