ربط قائمة الاختيار بإستخدام v-model
تقدر تربط select بقيمة الاختيار الحالية
المثال داخل مشروع Vue 3 يدعم ملفات SFC
تطبيق الفكرة
قيمة كل option هي اللي بتتخزن في الحالة
ملف App.vue
<script setup>
import { ref } from "vue";
const language = ref("vue");
</script>
<template>
<label>Framework <select v-model="language"><option value="vue">Vue</option><option value="react">React</option></select></label>
<p>{{ language }}</p>
</template>النتيجة
الفقرة بتعرض القيمة المرتبطة بالاختيار الحالي