Vue上传图片控件的使用

1.【template】

<div class="yh-block">
  <yh-gallery :images="images" 
    upload-url="/api/upload"                                 :upload-params="{userId:'test'}"                            @change="onChange"                                  ref="gallery">
  </yh-gallery>
</div>
<div>{{fileNames}}</div>

2.【data】

images:[{
  name:'food.jpeg',                  
  url:'https://fuss10.elemecdn.com/3/63/
  4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2
  /thumbnail/360x360/format/webp/quality/100'
}],
fileNames :['food.jpeg']

3.【方法】

onChange(names) {
  this.fileNames = names;
}