ربط Checkbox بقيمة منطقية
ال v-model مع Checkbox واحدة بتمثل حالة الاختيار بقيمة منطقية
المثال داخل مشروع Vue 3 يدعم ملفات SFC
تطبيق الفكرة
بنمنع زر المتابعة لحد تحديد المربع
ملف App.vue
<script setup>
import { ref } from "vue";
const accepted = ref(false);
</script>
<template>
<label><input type="checkbox" v-model="accepted"> Accept</label>
<button :disabled="!accepted">Continue</button>
</template>النتيجة
زر المتابعة بيبقى متاح بعد اختيار المربع