#emit event cross component

4 messages · Page 1 of 1 (latest)

fresh pendant
#

show code

patent vine
# 
<div id="app" class="container-fluid">
    <navbar></navbar>
    <breadcrumbs></breadcrumbs>
    <div class="row d-flex justify-content-center">
      <button type="button" class="btn btn-outline-dark mb-3" @click="generateIndex()" style="max-width: 10rem">Generate Product</button>
    </div>
    
      <div class="container-fluid">
            <div class="container px-0 d-flex gap-5 mt-4" id="productContainer" >
                 <-- emit to -->
                <product-accordion :categories="categories"></product-accordion>
              
                <div class="col" id="productDisplay">
                    <div class="row gap-2">
                       <-- emit from child of -->
                      <product-display :indexes="productsIndexes" :products="products"></product-display>
                    </div> 
                </div>
            </div>
            </div>
        </div>
      </main>
  </div>
#

I'm trying to emit from child of ```html
<product-display :indexes="productsIndexes" :products="products"></product-display>

#

to ```html
<product-accordion :categories="categories"></product-accordion>