el upload sortable

el-upload-sortierbar

Die Element-UI-Fotowand fügt eine Funktion zur Anpassung der Drag-and-Drop-Reihenfolge hinzu

TypeScript-Version

Link

• Demo

Installieren

npm i -S el-upload-sortable

verwenden

 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 >

Typoskript

Wenn Sie TypeScript verwenden, kopieren Sie bitte node_modules/el-upload-sortable/src/index.ts.vue zur Entwicklung direkt in Ihr eigenes Komponentenverzeichnis.

Sie müssen selbst damit umgehen

• tsconfig.json
• Installieren Sie 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
  }
} ) 

Requisiten

Eigentum	veranschaulichen	Typ	Standardwert
max	Maximale Anzahl an Bildern, die hochgeladen werden können	Nummer	15
Aktion	API-Adresse zum Hochladen von Bildern	Zeichenfolge	https://jsonplaceholder.typicode.com/posts/
Liste	Erste Bildliste (optional)	Array	[]
mehrere	Ob eine Mehrfachauswahl erfolgen soll (optional)	Boolescher Wert	FALSCH
param	Das Feld, das dem Bildlink im von der Schnittstelle zurückgegebenen Ergebnis entspricht (optional). Wenn das von der Schnittstelle zurückgegebene Ergebnis {url: 'xxx'} ist, ist der übergebene Wert „url“. ist {result:{url:'xxx' }}, dann sollte der übergebene Wert „result.url“ sein und so weiter.	Zeichenfolge	„“

Veranstaltungen

Eigentum	veranschaulichen	Rückrufparameter
ändern	Ereignisse, wenn Fotowanddaten aktualisiert werden	(Bildliste)