<template>
  <el-tooltip
    class="item"
    effect="dark"
    :content="tooltip"
    placement="top"
    :disabled="tooltip.length==0"
  >
    <el-link
      :type="type"
      :underline="false"
      :class="icon"
      @click="handleClick"
    >{{label}}</el-link>
  </el-tooltip>
</template>
<script>
export default {
  name: 'UcLink',
  props: {
    label: {  // 按钮显示文本
      type: String,
      default: ''
    },
    icon: {  // 按钮显示图标
      type: String,
      default: ''
    },
    type: {  // 按钮类型
      type: String,
      default: 'primary'
    },
    disabled: {  // 按钮是否停用
      type: Boolean,
      default: false
    },
    perms: {  // 按钮权限标识，外部使用者传入
      type: String,
      default: null
    },
    tooltip: {
      type: String,
      default: ''
    }
  },
  data () {
    return {
    }
  },
  methods: {
    handleClick () {
      // 按钮操作处理函数
      this.$emit('click', {})
    },
  },
  mounted () {
  }
}
</script>

<style scoped lang="less">
.el-link {
  font-size: 14px;
}
</style>