el upload sortable

el-อัปโหลด-เรียงลำดับได้

ผนังรูปภาพ Element UI เพิ่มฟังก์ชันลำดับการปรับการลาก

เวอร์ชัน TypeScript

ลิงค์

• สาธิต

ติดตั้ง

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

หากคุณใช้ TypeScript โปรดคัดลอก node_modules/el-upload-sortable/src/index.ts.vue โดยตรงไปยังไดเร็กทอรีคอมโพเนนต์ของคุณเองเพื่อการพัฒนา

คุณต้องจัดการด้วยตัวเอง

• tsconfig.json
• ติดตั้ง vue-property-มัณฑนากร

 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" เป็นต้น	เชือก	-

กิจกรรม

คุณสมบัติ	แสดงให้เห็น	พารามิเตอร์การโทรกลับ
เปลี่ยน	เหตุการณ์เมื่อมีการอัปเดตข้อมูลผนังรูปภาพ	(รายการรูปภาพ)