¡Quiero aplicar este código en vuejs, reemplacé onclick por @click pero no funciona! pd: soy principiante en vuejs
function onlyOne(checkbox) { var checkboxes = document.getElementsByName('check') checkboxes.forEach((item) => { if (item !== checkbox) item.checked = false }) } <input type="checkbox" name="check" onclick="onlyOne(this)"> <input type="checkbox" name="check" onclick="onlyOne(this)"> <input type="checkbox" name="check" onclick="onlyOne(this)"> <input type="checkbox" name="check" onclick="onlyOne(this)">Un enfoque básico a la pregunta que usted declaró:
new Vue({ el: "#app", data() { return { checkboxes: [{ checked: false }, { checked: false }, { checked: false }, { checked: false }, ] } }, methods: { onChange(cb) { this.checkboxes = this.checkboxes.map(checkbox => ({ checked: cb == checkbox })) }, }, template: ` <div> <div v-for="(checkbox, i) in checkboxes" :key="i" > <input type="checkbox" :checked="checkbox.checked" @change="() => onChange(checkbox)" /> {{ checkbox.checked }} </div> </div> ` }) <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="app"></div>