el upload sortable

el-upload-sortable

يضيف جدار صور Element UI وظيفة ترتيب تعديل السحب

نسخة تايب سكريبت

وصلة

• تجريبي

ثَبَّتَ

npm i -S el-upload-sortable

يستخدم

 import ElUploadSortable from "el-upload-sortable" ;

export default {
  components : {
    ElUploadSortable
  } ,
  methods : {
    picUpdate ( list ) {
      // this.myList = list
    }
  }
} 

 < template >
  < el-upload-sortable @change =" picUpdate " > </ el-upload-sortable >
</ template >

تايب سكريبت

إذا كنت تستخدم TypeScript، فيرجى نسخ node_modules/el-upload-sortable/src/index.ts.vue مباشرةً إلى دليل المكونات الخاص بك للتطوير.

تحتاج إلى التعامل معها بنفسك

• tsconfig.json
• قم بتثبيت vue-property-decorator

 import { Component , Vue } from "vue-property-decorator" ;
import ElUploadSortable from "../../../node_modules/el-upload-sortable/src/index.ts.vue" ; // 这里的路径结合实际情况

@ Component ( {
  components : {
    ElUploadSortable
  }
} ) 

الدعائم

ملكية	يوضح	يكتب	القيمة الافتراضية
الأعلى	الحد الأقصى لعدد الصور التي يمكن تحميلها	رقم	15
فعل	عنوان API لتحميل الصور	خيط	https://jsonplaceholder.typicode.com/posts/
قائمة	قائمة الصور الأولية (اختياري)	صفيف	[]
عديد	ما إذا كان سيتم التحديد المتعدد (اختياري)	منطقية	خطأ شنيع
المعلمة	الحقل المقابل لرابط الصورة في النتيجة الذي تم إرجاعه بواسطة واجهة التحميل (اختياري). إذا كانت النتيجة التي تم إرجاعها بواسطة الواجهة هي {url: 'xxx'}، فإن القيمة التي تم تمريرها هي "url". هي {result:{url:'xxx' }}، فالقيمة التي تم تمريرها يجب أن تكون "result.url"، وهكذا.	خيط	""

الأحداث

ملكية	يوضح	معلمات رد الاتصال
يتغير	الأحداث التي يتم فيها تحديث بيانات جدار الصور	(قائمة الصور)