elementplus学习组件篇-link组件

使用

官方demo: element-plus.gitee.io/zh-CN/compo…

源码

位置：github.com/element-plu…

源码解读

部分代码如下

<script lang="ts" setup>
// 生成各种class名
const linkKls = computed(() => [
  ns.b(),    // el-link
  ns.m(props.type), // el-link--<type的值>
  ns.is('disabled', props.disabled), // is-diabled
  ns.is('underline', props.underline && !props.disabled), // is-underline
])

// 点击事件emit
function handleClick(event: MouseEvent) {
  if (!props.disabled) emit('click', event)
}
</script>