el upload sortable

el-upload-triable

Le mur de photos Element UI ajoute une fonction d’ordre de réglage du glissement

Version dactylographiée

Lien

• Démo

Installer

npm i -S el-upload-sortable

utiliser

 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 >

Manuscrit

Si vous utilisez TypeScript, veuillez copier directement node_modules/el-upload-sortable/src/index.ts.vue dans votre propre répertoire de composants pour le développement.

Vous devez le gérer vous-même

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

Accessoires

propriété	illustrer	taper	valeur par défaut
maximum	Nombre maximum d'images pouvant être téléchargées	nombre	15
action	Adresse API pour le téléchargement d'images	chaîne	https://jsonplaceholder.typicode.com/posts/
liste	Liste d'images initiale (facultatif)	tableau	[]
multiple	S'il faut effectuer une sélection multiple (facultatif)	booléen	FAUX
paramètre	Le champ correspondant au lien image dans le résultat renvoyé par l'interface de téléchargement (facultatif). Si le résultat renvoyé par l'interface est {url : 'xxx'}, la valeur passée est "url". est {result:{url:'xxx' }}, alors la valeur transmise doit être "result.url", et ainsi de suite.	chaîne	""

Événements

propriété	illustrer	paramètres de rappel
changement	Événements lors de la mise à jour des données du mur de photos	(liste d'images)