Skip to content
This repository has been archived by the owner on Jul 29, 2024. It is now read-only.

How to access status in child elements? #25

Open
vpratfr opened this issue Sep 15, 2018 · 3 comments
Open

How to access status in child elements? #25

vpratfr opened this issue Sep 15, 2018 · 3 comments

Comments

@vpratfr
Copy link

vpratfr commented Sep 15, 2018

I would like to:

  • hide the delete button located in the header when the wrapper is collapsed (circled in blue)
  • show it when the wrapper is open

image

Below is my collapse group.

            v-collapse-group(:only-one-active="true")
                v-collapse-wrapper.collapsed(v-for="(item, id, index) in form.items")
                    div.card
                        div.card-header
                            h5(v-collapse-toggle="")
                                small
                                    span(class="fa fa-chevron-up fa-fw collapse-indicator")
                                    .
                                        {{ getCardTitle(item) }}
                                    a(href="#"
                                      class="btn btn-sm btn-danger float-right"
                                      @click.prevent="removeItem(item)")
                                        | Delete

How can I do that?

@vpratfr
Copy link
Author

vpratfr commented Sep 17, 2018

See #27 for a clean and non-breaking solution

@tbredin
Copy link

tbredin commented Jul 2, 2020

Wondering is there's an update on this anywhere, or an example for providing an active class

@tudor-sv
Copy link

tudor-sv commented Sep 4, 2020

Why hasn't this been merged in the main repo yet?
It's so sad to see that such a basic functionality is still missing.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants