el upload sortable

Эль-загрузка-сортировка

Фотостена 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, скопируйте node_modules/el-upload-sortable/src/index.ts.vue непосредственно в свой собственный каталог компонентов для разработки.

Вам нужно справиться с этим самостоятельно

• tsconfig.json
• Установите 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
  }
} ) 

Реквизит

свойство	иллюстрировать	тип	значение по умолчанию
Макс	Максимальное количество изображений, которые можно загрузить	число	15
действие	Адрес API для загрузки изображений	нить	https://jsonplaceholder.typicode.com/posts/
список	Исходный список изображений (необязательно)	множество	[]
несколько	Следует ли выбирать несколько раз (необязательно)	логическое значение	ЛОЖЬ
параметр	Поле, соответствующее ссылке на изображение в результате, возвращаемом интерфейсом загрузки (необязательно). Если результатом, возвращаемым интерфейсом, является {url: 'xxx'}, передается значение «url». равно {result:{url:'xxx' }}, то передаваемое значение должно быть "result.url" и так далее.	нить	""

События

свойство	иллюстрировать	параметры обратного вызова
изменять	События, когда данные фотостены обновляются	(список изображений)