Element-Ui组件(四)Link 文字链接

2023-05-16

Element-Ui组件(四)Link 文字链接

本文参考Element官方文档:

http://element-cn.eleme.io/#/zh-CN/component

基础用法

el-link比较简单,用法与el-button类似,经常与icon搭配使用,type属性主要用于控制其颜色,以下是用一组链接制作的简单导航栏:
在这里插入图片描述

<template>
  <div>
    <el-link icon="el-icon-s-home" type="primary">主页</el-link>&nbsp;
    <el-link icon="el-icon-shopping-cart-2" type="success">商品列表</el-link>&nbsp;
    <el-link disabled icon="el-icon-s-platform" type="danger">系统管理</el-link>&nbsp;
    <el-link icon="el-icon-setting" type="warning">个人设置</el-link>&nbsp;
    <el-link href="http://www.baidu.com" icon="el-icon-search" type="info">百度搜索</el-link>
  </div>
</template>

el-link属性:

参数类型说明可选值默认值
type类型stringprimary / success / warning / danger / infodefault
underline是否下划线booleantrue
disabled是否禁用状态booleanfalse
href原生 href 属性string-
icon图标类名string-
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Element-Ui组件(四)Link 文字链接 的相关文章

  • this.name 在 JavaScript 中返回未定义

    我正在尝试远程创建一个onclick对于每个 div 以节省打字时间 这里是window onload 功能 window onload function divel document getElementsByTagName div fo
  • 如何计算 Ruby 数组中相同字符串元素的数量

    我有以下内容Array Jason Jason Teresa Judah Michelle Judah Judah Allison 我如何为每个生成一个计数相同的元素 Where Jason 2 Judah 3 Allison 1 Tere
  • 如何动态更改 Angular 中元素的 id?

    我在循环中有一个元素 我只想更改它的 id 以避免冲突 我做了一些搜索 但似乎找不到任何东西 div div index div div 问题是当我调用 ngOnInit 时document getElementById index 1 它
  • 如何从网页复制特定元素

    我的目标是从网页中获取特定的文本区域 想象一下 就好像您能够在页面上的任何位置绘制一个矩形 并且该矩形中的所有内容都将被复制到剪贴板中 我正在使用 FireBug 请随意建议其他解决方案 我已经搜索了插件或书签 但没有找到任何有用的东西 及
  • 获取显示器内部元素的大小:无父级

    我正在尝试获取将在 jquery ui 对话框中显示的元素的宽度 该对话框设置为在加载时显示 无 这不允许我获得宽度 我是否需要显示它 获取宽度并立即再次隐藏它以获取宽度 或者还有其他我不知道的选择吗 Thanks 您有两个选择 如果你的
  • width() 和 height() 适用于没有 jQuery 的现代浏览器

    我正在尝试为弹性 div 实现一个简单的折叠 展开效果 即当元素的实际尺寸未通过 CSS 设置时 因此无法简单确定 所以我需要 jQuery 的 width 和 height 的等效项来表示任意元素 这些方法应该返回可分配给 style w
  • 在 Java 中将 Element(org.w3c.dom) 转换为字符串

    我在将 Element 对象转换为 String 时遇到一个小问题 因为我需要将一个字符串传递给特定的方法 我尝试过使用 toString 或使用分配给它的字符串变量 没有一项试验是正确的 我们怎样才能轻松地进行转换 并且字符串对象还应该显
  • R:删除向量的最后一个元素

    如何删除动物园系列的最后 100 个元素 我知道名称 元素 符号 但我无法减去整个部分 我喜欢用head因为这样更容易打字 其他方法可能执行得更快 但我很懒 而我的计算机却不是 x lt head x 100 gt head 1 102 1
  • Matlab减去矩阵元素

    所以我有这个矩阵 data 1 3 4 3 5 2 5 我需要通过减去元素来获取新数据 像这样 data2 data1 data3 data2 data4 data3 data5 data4 data6 data5 data7 data4
  • 如何等待一个元素从 DOM 中移除?

    每当我尝试等待从量角器测试正在测试的网页上的当前 DOM 树中删除 DOM 元素时 我都会遇到此问题 当我尝试等待 DOM 元素通过 user2912739 在另一个线程中提供的这项好技术隐藏时 我已经掌握了它 var el element
  • 两个自定义(角度)元素之间的通信

    两个自定义 角度 元素之间的通信 假设有两个自定义元素 login button
  • 如何通过xpath获取元素的索引?

    我有下一个结构 div div class column aaa div div class column bbb div div class column jjj div div 我想知道是否有一种方法可以使用 XPath 并编写一些查询
  • jquery遍历新创建的元素

    我正在尝试在表中添加新行 并将它们保存到数据库中 首先 我使用 append 在表中追加行 tablename append tr td newly added row td tr 附加功能运行良好 我的页面显示了正确的结果 但是 我无法选
  • 使用 querySelector 通过 InnerHTML 选择元素

    有没有办法通过innerHTML选择一个元素而不使用循环 可以使用类似的东西来完成吗 document querySelector div innerHTML Sometext or document querySelector div t
  • vb.net 从数组中删除第一个元素

    一种答案是创建一个短一个元素的新数组 还有其他更简单的方法可以做到这一点吗 您可以使用 LINQ 以非常简洁的代码生成结果 Dim a2 a Skip 1 ToArray 批评者可能会说这很慢 您应该使用Array Copy反而 Dim a
  • 随机推荐