<template>
  <div class="xd-back">
    <el-button
      :type="type"
      :size="size"
      :disabled="disabled"
      @click="handleClick"
    >{{name}}</el-button>
  </div>
</template>

<script>
  /**
   * @description 返回上一页
   * 依赖于 element-ui
   * 参考网站如下：
   * https://element.eleme.io/#/zh-CN/component/checkbox
   * 文档：https://www.npmjs.com/package/gxd-helper
   *
   * @property {String} name 按钮名称 （选填） 默认：返回
   * @property {Function | null} back 返回操作方法 （必选） 默认：null ，使用this.$router.go(-1);
   */
  export default {
    name: "XdBack",
    props:{
      name: {
        type: String,
        default: '返回'
      },
      back: {
        type: Function | null,
        default: null
      },
      size:{
        type: String,
        default: 'small', //medium / small / mini
      },
      type: {
        type: String,
        default: 'primary', //primary / success / warning / danger / info / text
      },
      disabled: {
        type: Boolean,
        default: false
      }
    },
    methods:{
      handleClick(){
        if(typeof this.back === 'function') {
          this.back();
          return
        }
        this.$router.go(-1);
      }
    }
  }
</script>

<style scoped>

</style>
