el select v2

حدد محدد القائمة الافتراضية V2

مكون محدد القائمة الافتراضية استنادًا إلى Element UI لإصدار Vue 2.

العرض التوضيحي عبر الإنترنت

العرض التوضيحي عبر الإنترنت

تعليمات الاستخدام

npm i el-select-v2 npm i element-ui

  import Vue from 'vue' ;
// 必须引入 element-ui
import ElementUI from 'element-ui' ;
import 'element-ui/lib/theme-chalk/index.css' ;
import ElSelectV2 from 'el-select-v2' ;

Vue . use ( ElSelectV2 ) ; 

< template >
  < el-select-v2 v-model = " value " :options = " options " />
</ template >

< script >
  export default {
    data () {
      return {
        options : [],
        value : ' ' ,
      };
    },
    created () {
      for ( let i = 0 ; i < 10000 ; i ++ ) {
        this . options . push ({
          value : ` value ${ i + 1 } ` ,
          label : ` label ${ i + 1 } ` ,
        });
      }
    },
  };
</ script >

رمز العينة

رمز العينة

حدد السمات

المعلمة	يوضح	يكتب	قيمة اختيارية	القيمة الافتراضية
قيمة/v-نموذج	قيمة ملزمة	منطقية/سلسلة/رقم	—	—
خيارات	بيانات القائمة	صفيف	—	—
مفتاح القيمة	اسم مفتاح القيمة	خيط	—	قيمة
مفتاح التسمية	اسم مفتاح التسمية	خيط	—	ملصق
مفتاح الخيارات (1.4.6)	اسم مفتاح الخيارات	خيط	—	خيارات
مفتاح معطل (1.4.1)	اسم المفتاح المعطل	خيط	—	عاجز
مفتاح الكائن (1.4.0)	اسم المفتاح عندما تكون القيمة المرتبطة نوع كائن	خيط	—	قيمة
الحد الأدنى لحجم العنصر	الحد الأدنى للارتفاع لكل خيار	رقم	—	34
عديد	ما إذا كان سيتم تحديد متعددة	منطقية	—	خطأ شنيع
عاجز	سواء لتعطيل	منطقية	—	خطأ شنيع
مقاس	حجم صندوق الإدخال	خيط	متوسطة / صغيرة / صغيرة	—
واضح	هل من الممكن مسح الخيارات	منطقية	—	خطأ شنيع
علامات الانهيار	ما إذا كان سيتم عرض القيمة المحددة كنص عند إجراء تحديدات متعددة	منطقية	—	خطأ شنيع
متعددة الحدود	الحد الأقصى لعدد العناصر التي يمكن للمستخدم تحديدها عند إجراء تحديدات متعددة إذا كانت 0، فلا يوجد حد.	رقم	—	0
اسم	سمة اسم الإدخال المحدد	خيط	—	—
الإكمال التلقائي	سمة الإكمال التلقائي لتحديد الإدخال	خيط	—	عن
العنصر النائب	العنصر النائب	خيط	—	الرجاء التحديد
قابل للتصفية	هل هي قابلة للبحث؟	منطقية	—	خطأ شنيع
السماح بالإنشاء	يجب استخدام ما إذا كان مسموحًا للمستخدمين بإنشاء إدخالات جديدة مع filterable	منطقية	—	خطأ شنيع
طريقة التصفية	طريقة البحث المخصصة	وظيفة	—	—
بعيد	سواء كان ذلك البحث عن بعد	منطقية	—	خطأ شنيع
طريقة عن بعد	طريقة البحث عن بعد	وظيفة	—	—
تحميل	ما إذا كان يتم الحصول على البيانات عن بعد	منطقية	—	خطأ شنيع
تحميل النص	النص المعروض أثناء التحميل عن بعد	خيط	—	تحميل
نص غير مطابق	النص الذي يتم عرضه في حالة عدم تطابق شروط البحث، يمكنك أيضًا استخدام إعداد slot="empty"	خيط	—	لا توجد بيانات مطابقة
لا نص البيانات	يمكن أيضًا ضبط النص المعروض عندما يكون الخيار فارغًا باستخدام slot="empty"	خيط	—	لا توجد بيانات
فئة بوبر	حدد اسم الفئة في المربع المنسدل	خيط	—	—
كلمة رئيسية احتياطية	عند التحديد المتعدد والقابل للبحث، ما إذا كان سيتم الاحتفاظ بكلمة البحث الأساسية الحالية بعد تحديد أحد الخيارات	منطقية	—	حقيقي
الخيار الافتراضي الأول	اضغط على Enter في مربع الإدخال وحدد المطابقة الأولى. تحتاج إلى استخدامها مع filterable أو remote	منطقية	—	خطأ شنيع
بوبر-إلحاق بالجسم	ما إذا كان سيتم إدراج المربع المنبثق في عنصر النص أم لا. عندما تكون هناك مشكلة في تحديد موضع المربع المنبثق، يمكنك تعيين هذه الخاصية إلى خطأ	منطقية	—	حقيقي
القائمة المنسدلة التلقائية	بالنسبة للتحديد غير القابل للبحث، ما إذا كان سيتم عرض قائمة الخيارات تلقائيًا بعد التركيز على مربع الإدخال	منطقية	—	خطأ شنيع
عرض الإدخال المناسب (1.1.0)	ما إذا كان عرض المربع المنسدل هو نفس عرض مربع الإدخال بعد ضبطه على خطأ، سيتم حساب العرض تلقائيًا وسيتم تقليل الأداء.	منطقية	—	حقيقي

حدد الأحداث

اسم الحدث	يوضح	معلمات رد الاتصال
يتغير	يتم تشغيله عندما تتغير القيمة المحددة	القيمة المحددة الحالية
التغيير المرئي	يتم تشغيله عند ظهور/إخفاء المربع المنسدل	صحيح إذا ظهر، وباطل إذا خفي
إزالة العلامة	يتم تشغيله عند إزالة العلامة في وضع التحديد المتعدد	تمت إزالة قيمة العلامة
واضح	يتم تشغيله عندما ينقر المستخدم على زر المسح في وضع الراديو القابل للمسح	—
طمس	يتم تشغيله عندما يفقد الإدخال التركيز	(حدث: حدث)
ركز	يتم تشغيله عندما يحصل الإدخال على التركيز	(حدث: حدث)

حدد فتحات

اسم	يوضح
—	القالب المخصص، المعلمة هي { item }
رأس (1.3.0)	المحتويات في أعلى القائمة المنسدلة
تذييل الصفحة (1.3.0)	المحتويات في أسفل القائمة المنسدلة
بادئة	حدد محتوى رأس المكون
فارغ	قائمة بدون خيارات

خيارات

المعلمة	يوضح	يكتب	قيمة اختيارية	القيمة الافتراضية
قيمة	قيمة الخيار	سلسلة/رقم/كائن	—	—
ملصق	تسمية الخيار إذا لم يتم تعيينها، فسيتم تعيينها بشكل افتراضي على نفس value	سلسلة/رقم	—	—
الخيارات (1.2.0)	خيارات التجميع	صفيف	—	—
عاجز	ما إذا كان سيتم تعطيل هذا الخيار	منطقية	—	خطأ شنيع

طُرق

اسم الطريقة	يوضح	المعلمة
ركز	اجعل المدخلات تحظى بالتركيز	—
طمس	اجعل الإدخال يفقد التركيز وقم بإخفاء المربع المنسدل	—