当前位置: 首页 > news >正文

element-ui link 组件源码分享

link 组件的 api 涉及的内容不是很多,源码部分的内容也相对较简单,下面从以下这三个方面来讲解:

一、组件结构

1.1 组件结构如下图:

二、组件属性

2.1 组件主要有 type、underline、disabled、href、icon 这些属性,接下来我们对其属性进行一一揭秘。

2.1.1 type 属性,string 类型,可选值有 primary / success / warning / danger / info,默认 default

2.1.2 underline 属性,是否下划线,boolean 类型,默认 false,这个是鼠标放上的时候文字是否有下划线,如下图:

2.1.3 disabled 属性,是否禁用状态,boolean 类型,默认 false

2.1.4 href 属性,string 类型,原生 href 属性,无默认值,如下图:

2.1.5 icon 属性,图标类名,string 类型,无默认值,如下图:

代码如下:

<template><el-row><el-col><el-link icon="el-icon-edit">icon在外</el-link></el-col><el-col><el-link><i class="el-icon-delete" style="color:red"></i>icon在内前</el-link></el-col><el-col><el-link>icon在内后<i class="el-icon-delete" style="color:red"></i></el-link></el-col><el-col><el-link><div slot="icon">slot当属性兼容性写法<i class="el-icon-edit" style="color:red"></i></div></el-link></el-col></el-row>
</template>

三、组件方法

3.1.1 组件内保留事件,如下图:

相关文章:

  • SpringCloud-Eureka
  • 日本通运:通过RPA每年节省34万工时,释放18,000个工作岗位
  • 智能指针——浅析
  • 如何发布自己的npm包:
  • 用两个队列实现栈
  • Day 17------C语言收尾之链表的删除、位运算、预处理、宏定义
  • 开源模型应用落地-业务优化篇(三)
  • logback日志配置
  • mongodb数据库集合(表)的创建和数据修改
  • 虹科技术|一文详解IO-Link Wireless技术如何影响工业无线自动化
  • MySQL分区的优缺点
  • 分类预测 | Matlab实现GAF-PCNN-MATT格拉姆角场和双通道PCNN融合多头注意力机制的分类预测/故障识别
  • 力扣热门100题刷题笔记 - 10. 正则表达式匹配
  • C语言顺序表
  • 【图论】基环树
  • ES6指北【2】—— 箭头函数
  • Apache Spark Streaming 使用实例
  • Apache Zeppelin在Apache Trafodion上的可视化
  • EOS是什么
  • FastReport在线报表设计器工作原理
  • JavaScript类型识别
  • jdbc就是这么简单
  • LeetCode541. Reverse String II -- 按步长反转字符串
  • spring boot下thymeleaf全局静态变量配置
  • 基于Android乐音识别(2)
  • 聊聊spring cloud的LoadBalancerAutoConfiguration
  • 排序算法学习笔记
  • No resource identifier found for attribute,RxJava之zip操作符
  • #我与Java虚拟机的故事#连载10: 如何在阿里、腾讯、百度、及字节跳动等公司面试中脱颖而出...
  • (2)MFC+openGL单文档框架glFrame
  • (安全基本功)磁盘MBR,分区表,活动分区,引导扇区。。。详解与区别
  • (求助)用傲游上csdn博客时标签栏和网址栏一直显示袁萌 的头像
  • (一)Linux+Windows下安装ffmpeg
  • (一)基于IDEA的JAVA基础12
  • (转)3D模板阴影原理
  • (转)JVM内存分配 -Xms128m -Xmx512m -XX:PermSize=128m -XX:MaxPermSize=512m
  • (转)创业家杂志:UCWEB天使第一步
  • .NET 3.0 Framework已经被添加到WindowUpdate
  • .net Application的目录
  • .Net IOC框架入门之一 Unity
  • .NET MVC之AOP
  • .NET Standard 支持的 .NET Framework 和 .NET Core
  • .net 提取注释生成API文档 帮助文档
  • .NET 应用启用与禁用自动生成绑定重定向 (bindingRedirect),解决不同版本 dll 的依赖问题
  • .Net 知识杂记
  • .NET(C#、VB)APP开发——Smobiler平台控件介绍:Bluetooth组件
  • .Net程序帮助文档制作
  • .NET框架类在ASP.NET中的使用(2) ——QA
  • [20161214]如何确定dbid.txt
  • [Android]如何调试Native memory crash issue
  • [BZOJ] 2006: [NOI2010]超级钢琴
  • [C#]DataTable常用操作总结【转】
  • [C#]使用DlibDotNet人脸检测人脸68特征点识别人脸5特征点识别人脸对齐人脸比对FaceMesh
  • [C++]——带你学习类和对象
  • [codevs 1515]跳 【解题报告】