Link 链接
文字超链接
基础用法
基础用法
<template>
<LiRow direction="row">
<LiCol style="display: flex; gap: 20px">
<LiLink href="http://www.baidu.com">测试</LiLink>
<LiLink type="primary" href="http://www.baidu.com">测试</LiLink>
<LiLink type="success" href="http://www.baidu.com">测试</LiLink>
<LiLink type="danger" href="http://www.baidu.com">测试</LiLink>
<LiLink type="info" href="http://www.baidu.com">测试</LiLink>
<LiLink type="warning" href="http://www.baidu.com">测试</LiLink>
</LiCol>
</LiRow>
</template>
禁用
使用disabled
控制主题
<template>
<LiRow direction="row">
<LiCol style="display: flex; gap: 20px">
<LiLink href="http://www.baidu.com" disabled>测试</LiLink>
<LiLink type="primary" href="http://www.baidu.com" disabled>测试</LiLink>
<LiLink type="success" href="http://www.baidu.com" disabled>测试</LiLink>
<LiLink type="danger" href="http://www.baidu.com" disabled>测试</LiLink>
<LiLink type="info" href="http://www.baidu.com" disabled>测试</LiLink>
<LiLink type="warning" href="http://www.baidu.com" disabled>测试</LiLink>
</LiCol>
</LiRow>
</template>
Row Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
type | 类型 | string | default / primary / success / warning / info / danger | default |
disabled | 禁用状态 | boolean | true / false | false |