el upload sortable

el-upload-dapat diurutkan

Dinding foto elemen UI menambahkan fungsi urutan penyesuaian tarik

Versi TypeScript

Link

• Demo

Memasang

npm i -S el-upload-sortable

menggunakan

 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 >

Skrip Ketik

Jika Anda menggunakan TypeScript, silakan langsung salin node_modules/el-upload-sortable/src/index.ts.vue ke direktori komponen Anda sendiri untuk pengembangan.

Anda harus menanganinya sendiri

• tsconfig.json
• Instal dekorator properti vue

 import { Component , Vue } from "vue-property-decorator" ;
import ElUploadSortable from "../../../node_modules/el-upload-sortable/src/index.ts.vue" ; // 这里的路径结合实际情况

@ Component ( {
  components : {
    ElUploadSortable
  }
} ) 

Alat peraga

milik	menjelaskan	jenis	nilai bawaan
maks	Jumlah maksimum gambar yang dapat diunggah	nomor	15
tindakan	Alamat API untuk mengunggah gambar	rangkaian	https://jsonplaceholder.typicode.com/posts/
daftar	Daftar gambar awal (opsional)	susunan	[]
banyak	Apakah akan memilih beberapa kali (opsional)	boolean	PALSU
param	Bidang yang sesuai dengan link gambar dalam hasil yang dikembalikan oleh antarmuka unggah (opsional). Jika hasil yang dikembalikan oleh antarmuka adalah {url: 'xxx'}, nilai yang diteruskan adalah "url". adalah {result:{url:'xxx' }}, maka nilai yang diteruskan harus "result.url", dan seterusnya.	rangkaian	""

Acara

milik	menjelaskan	parameter panggilan balik
mengubah	Peristiwa ketika data dinding foto diperbarui	(Daftar gambar)