uView Link 超链接
2024-01-09 00:32:53
该组件为超链接组件,在不同平台有不同表现形式:
- 在APP平台会通过
plus
环境打开内置浏览器 - 在小程序中把链接复制到粘贴板,同时提示信息
- 在H5中通过
window.open
打开链接
#平台差异说明
App(vue) | App(nvue) | H5 | 小程序 |
---|---|---|---|
√ | √ | √ | √ |
#基本使用
- 通过
href
设置打开的链接,text
设置显示的内容
<template>
<u-link href="https://uviewui.com/" text="打开uView UI文档" @click="click"></u-link>
</template>
<script>
export default {
methods: {
click() {
console.log('click');
}
}
}
</script>
copy
#下划线
通过under-line
设置是否显示链接的下划线
<template>
<u-link href="https://uviewui.com/" text="打开uView UI文档" :under-line="true"></u-link>
</template>
copy
#自定义颜色
- 通过
color
设置文字颜色 - 通过
line-color
设置下划线颜色
<template>
<u-link href="https://uviewui.com/" text="打开uView UI文档" color="#19be6b" line-color="#19be6b"></u-link>
</template>
文章来源:https://blog.csdn.net/m0_72196169/article/details/135464317
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!