JSFiddle - React, Tailwind, and code Playground

by Kristoffer

HTML

<div id="l-main">
    <div v-for="(variation, key) in variations">
        {{ variation.name }}
        <input type="radio" 
        v-model="variation.primary" 
        name="Test"
        >
    </div>
    
    <br>Output:<br>
    <div v-for="(variation, key) in variations">
        {{ variation.name }} {{ variation.primary }}
    </div>
    
</div>

JavaScript

var vm = new Vue({
    el: '#l-main',
    data: {
    	variations: {
        	'41783' : {
            	'name': 'test1',
                'primary': false
            },
            '41785' : {
            	'name': 'test2',
                'primary': true
            }
        
        }
    }
});