# 基本用法

<template>
  <div>
    <ui-upload :on-success="uploadSuccess" accept="image/x-png,image/gif,image/jpeg">
      <ui-button type="success">点我上传</ui-button>
    </ui-upload>
    <div>
      <img style="width:200px" :src="`https://upload-11.herokuapp.com/preview/${imgId}`">
    </div>
  </div>
</template>

<script>
export default {
  data(){
    return {
      imgId:''
    }
  },
  methods:{
    uploadSuccess(res){
      this.imgId = res
    }
  }
}
</script>

<style>

</style>