JSFiddle - React, Tailwind, and code Playground

by yyx990803

HTML

<div v-repeat="tier:tiers">
    {{tier.value}} <input type="checkbox" v-model="tier.selected">
</div>

<p>Selected: {{selectedTiers | json}}</p>

JavaScript

new Vue({
    el: 'body',
    data: {
        tiers: [
            { value: 1, selected: true },
            { value: 2, selected: false },
            { value: 3, selected: false }
        ]
    },
    computed: {
        selectedTiers: function () {
            return this.tiers
                .filter(function (tier) {
                    return tier.selected
                })
                .map(function (tier) {
                    return tier.value
                })
        }
    }
})