程序员经验分享-hwhale

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是否下划线boolean—true
disabled是否禁用状态boolean—false
href原生 href 属性string—-
icon图标类名string—-
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

element

Link

文字链接

Element-Ui组件（四）Link 文字链接 的相关文章

  • 检查数组是否是多维的？

    检查数组是否存在的最有效方法是什么平面阵列 原始值或者如果它是一个多维数组 有没有办法做到这一点而不实际循环 数组并运行is array 在它的每个元素上 使用 count 两次 一次在默认模式下 一次在递归模式下 如果值匹配 则数组为no

  • 无法在 Firefox 中读取 Element.prototype

    如果我运行这个 JavaScript var a b Element prototype for a in b b a Firefox 给我这个错误 TypeError Value does not implement interface

  • 通过原型扩展 JavaScript 中的原生元素？

    您会考虑通过危险的原型扩展原生元素吗 我看到一些框架 例如 Prototype 这样做 所以我开始怀疑我是否也敢这样做 我担心实现像 addClassName 这样的东西 并使其在未来发生冲突 除了重写软件并要求模块作者做同样的事情之外 我

  • 如何从Python列表中删除所有重复元素？

    我有一个这样的清单 1 2 3 4 3 5 3 6 7 8 我想从列表中完全删除重复元素 此处 3 如下所示 1 2 4 5 6 7 8 如何在 python 中实现这一点 以便不仅删除第一次出现的重复元素 而且删除所有重复值 您可以使用C

  • 仅将混合模式应用于投影

    可以混合吗only元素的投影与它重叠的元素的颜色 例如 我有一个元素与另一个元素重叠 顶部的元素有一个浅灰色的阴影 下面的元素是黑色的 我不希望对任何一个元素本身应用任何混合 但希望重叠元素 的投影与下面元素的颜色混合 在阴影落在重叠元素上

  • Jquery无法在回调函数中访问$(this)

    我正在创建一个插件 但它无法访问 this 我的插件的简单概述是 function fn myPlugin function options callback return this each function this click fun

  • Java Web 服务和 SOAP - 更改元素名称

    我正在编写一个返回自定义类型的 java Web 服务 一切工作正常 除了当我查看 SOAP 响应时它不使用名称 myType 它使用 return 这是我的 SOAP 响应 基本上它说 return 我希望它说 mytype S Enve

  • vue使用elementui select下拉库组件鼠标hover出现下拉框

    mounted 生命周期里去监听 鼠标进入和鼠标移出事件 this refs mySelect addEventListener mouseenter function this querySelector selectel el sele

  • 检查 div ID 是否存在 (PHP)

    PHP 可以检查元素是否存在吗 我已经知道 javascript 方法 但我只是想尽可能避免它 如果你有 HTML 服务器端的字符串 你可以使用DOM文档 http php net manual en class domdocument p

  • 我能够将几乎所有 XML 元素内容输出到表中，除了 (Local ="No") 的值

    我正在尝试为以下 xml 代码编写 xsl 代码 到目前为止 我能够将几乎所有元素内容输出到表中 除了 food 元素标签中的 Local No 值 有没有办法输出该属性及其值 谢谢

  • 从 C# 中的 List 中选择 N 个随机元素

    我需要一个快速算法从通用列表中选择 5 个随机元素 例如 我想从 a 中获取 5 个随机元素List

  • R：删除向量的最后一个元素

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

  • 删除 XML 节点

    我有一个 XML 文件 其中包含

  • 如何检查可见 DOM 中是否存在元素？

    如何在不使用getElementById method 我已经设置了一个现场演示 http jsbin com apawi5 3以供参考 我还将在这里打印代码

  • 如何使用 wix 将多个元素添加到 XML 配置文件中？

    我正在尝试使用 Wix 编辑 XML 文件 我正在使用与 Wix 3 7 捆绑在一起的 WixUtilExtension xml 文件是在 Visual Studio 2010 中为 C 应用程序创建的设置文件 在此文件中 我使用一个用于在

  • Lua：“拖动”数组中的元素序列

    我正在尝试创建一个函数 将连续数量的元素 拖动 到数组中的新位置 并限制为数组的当前大小 其他项目应该围绕 拖动 的项目晃动 例如 如果我的数组有 7 个元素 并且我想拖动中间的三个 1 2 3 4 5 6 7 lt keys a b C

  • 对其他元素值的 XSD 限制

    是否可以在 XSD 文档中对其他元素值进行限制 例如 我有国家和州元素 如果国家 地区等于美国 那么我需要限制指定枚举的状态元素值 否则状态可以只是固定长度的字符串 当前 XSD 的示例 始终将状态限制为枚举

  • 当我尝试从列表中删除元素时，如何忽略 ValueError？

    如果我打电话 如何忽略 不在列表中 错误消息a remove x when x不在列表中a 这是我的情况 gt gt gt a range 10 gt gt gt a 0 1 2 3 4 5 6 7 8 9 gt gt gt a remov

  • ElementTree 和 Element 有什么区别？ （Python XML）

    from xml etree ElementTree import ElementTree Element SubElement dump elem Element 1 sub SubElement elem 2 tree ElementT

  • 使用 xml.etree.ElementTree 更改 xml 元素文本

    给定一个已解析的 xml 字符串 tree xml etree ElementTree fromstring xml string 如何更改 帽子 元素的文本 gt gt gt tree find path to element text

随机推荐

热门标签