<template>
  <div>
    <upload v-show="avataredit" :server="upload.server" :api="upload.api" :filename="upload.filename" :params="upload.params" @success="upsuccess" v-model="newavatar" :crop="upload.crop" :width="upload.width" :height="upload.height" :ok="upload.ok" :cancel="upload.cancel">
        <button class="upavatar hdfont"></button>
    </upload>
  </div>
</template>

<script>
import upload from './uploadavatar.vue'
export default {
  components: { upload },
  data () {
    return {
      // 上传成功后的URL
      newavatar: null,
      upload: {
        server: '',
        api: '',
        params: {
          token: ''
        },
        preview: true,
        crop: true,
        width: 400,
        height: 400,
        cancel: '取消',
        ok: '裁剪',
        filename: 'MultiPart File'
      }
    }
  },

  methods: {
    // 上传成功后触发
    upsuccess () {
      console.log('success')
    }
  }
}
</script>