el upload sortable

el-upload-classificável

A parede fotográfica Element UI adiciona função de ordem de ajuste de arrasto

Versão TypeScript

Link

• Demonstração

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 >

Texto datilografado

Se você estiver usando TypeScript, copie diretamente node_modules/el-upload-sortable/src/index.ts.vue para seu próprio diretório de componentes para desenvolvimento.

Você precisa cuidar disso sozinho

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

Adereços

propriedade	ilustrar	tipo	valor padrão
máx.	Número máximo de imagens que podem ser carregadas	número	15
Ação	Endereço API para upload de imagens	corda	https://jsonplaceholder.typicode.com/posts/
lista	Lista inicial de imagens (opcional)	variedade	[]
múltiplo	Se deve ser feita seleção múltipla (opcional)	booleano	falso
parâmetro	O campo correspondente ao link da imagem no resultado retornado pela interface de upload (opcional). Se o resultado retornado pela interface for {url: 'xxx'}, o valor passado será "url". for {resultado:{url:'xxx' }}, o valor passado deverá ser "resultado.url" e assim por diante.	corda	""

Eventos

propriedade	ilustrar	parâmetros de retorno de chamada
mudar	Eventos quando os dados do mural de fotos são atualizados	(imageList)