Link 文字链接

规范的超链接

基础用法

查看代码

<template>
	<demo-container class="demo-gov-link">
		<gov-link href="http://govui.cc" target="_blank">默认链接</gov-link>
		<gov-link type="primary">主要链接</gov-link>
		<gov-link type="success">成功链接</gov-link>
		<gov-link type="warning">警告链接</gov-link>
		<gov-link type="danger">危险链接</gov-link>
		<gov-link type="info">信息链接</gov-link>
	</demo-container>
</template>

禁用状态

文字链接不可用状态。

查看代码

<template>
	<demo-container class="demo-gov-link">
		<gov-link disabled>默认链接</gov-link>
		<gov-link type="primary" disabled>主要链接</gov-link>
		<gov-link type="success" disabled>成功链接</gov-link>
		<gov-link type="warning" disabled>警告链接</gov-link>
		<gov-link type="danger" disabled>危险链接</gov-link>
		<gov-link type="info" disabled>信息链接</gov-link>
	</demo-container>
</template>

下划线

文字链接下划线。

查看代码

<template>
	<demo-container class="demo-gov-link">
		<gov-link :underline="false">没有下划线</gov-link>
		<gov-link type="primary">默认带下划线</gov-link>
	</demo-container>
</template>

带图标

带图标的文字链接可增强辨识度。

查看代码

<template>
	<demo-container class="demo-gov-link">
		<gov-link icon="edit">编辑</gov-link>
		<gov-link icon="delete">删除</gov-link>
	</demo-container>
</template>

Attributes

属性名	说明	类型	可选值	默认值
type	链接类型	String	default, primary, success, info, warning, danger	default
underline	是否显示下划线	Boolean	true, false	true
disabled	是否禁用链接	Boolean	true, false	false
href	链接地址	String	—	—
icon	链接前的图标名称	String	—	—

Slots

插槽名	说明
default	用于放置链接的内容

Events

事件名	说明
click	点击事件。