el upload sortable

el-subir-ordenable

El muro de fotos de Element UI agrega la función de orden de ajuste de arrastre

Versión mecanografiada

Enlace

• Manifestación

Instalar

npm i -S el-upload-sortable

usar

 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 >

Mecanografiado

Si está utilizando TypeScript, copie directamente node_modules/el-upload-sortable/src/index.ts.vue a su propio directorio de componentes para el desarrollo.

Necesitas manejarlo tú mismo

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

Accesorios

propiedad	ilustrar	tipo	valor predeterminado
máximo	Número máximo de imágenes que se pueden cargar	número	15
acción	Dirección API para cargar imágenes	cadena	https://jsonplaceholder.typicode.com/posts/
lista	Lista de imágenes inicial (opcional)	formación	[]
múltiple	Ya sea para realizar una selección múltiple (opcional)	booleano	FALSO
parámetro	El campo correspondiente al enlace de la imagen en el resultado devuelto por la interfaz de carga (opcional). Si el resultado devuelto por la interfaz es {url: 'xxx'}, el valor pasado es "url". es {resultado:{url:'xxx' }}, entonces el valor pasado debe ser "result.url", y así sucesivamente.	cadena	""

Eventos

propiedad	ilustrar	parámetros de devolución de llamada
cambiar	Eventos cuando se actualizan los datos del muro de fotos	(Lista de imágenes)