Hey there, I'm new to Vue and seeking some guidance.
I'm working on building a filter bar that will display checked options in a collection view. For example, if "T-shirts" is checked, it should show all T-shirts from the database.
Currently, I am fetching beer values from my database and displaying them in the filter box:
<div class="overflow menu-list">
<ul>
<li v-for="brewery in breweryName">
<input type="checkbox" name="beer">{{brewery}}
</li>
</ul>
</div>
Here is how my Vue instance is set up:
var filterVM = new Vue({
el: '#filter-bar',
data : {
breweryName : grabFromBeerDB("brewery"),
beerStyle : grabFromBeerDB("style"),
checkedBrewery : []
},
firebase : {
beerList: beerDatabaseRef
}, ...
My main question is how can I dynamically capture the values of the checked boxes?
Thank you for your assistance.