Link 链接

链接组件，用于创建可点击的链接，支持配置链接地址和链接类型。

支持平台

安卓	ios	web	微信小程序	支付宝小程序	QQ小程序
√	√	√	x	x	x

示例

<template>
	<t-page title='链接'>
		<t-card title='超链接 Link' class="mtlr.30"
			subTitle="
T-LINK组件是一款功能强大的页面跳转解决方案，为开发者提供了一站式的跳转服务。该组件支持多种跳转场景，包括跳转小程序、WEB端打开小程序、WEB端跳转URL、打开指定APP以及打开地图坐标等。通过简单的配置，T-LINK组件能够帮助您快速实现页面间的无缝跳转，提升用户体验，降低开发成本。使用T-LINK组件，让您的项目跳转更加灵活、便捷！"></t-card>
		<!-- #ifdef APP-ANDROID -->
		<introduction title='打开小程序(通过支持宝云函数获取小程序跳转ID)'>
			<t-row>
				<t-text>点击进入</t-text>
				<t-link :url="mpUrl">《服务公社》</t-link>
				<t-text>小程序</t-text>
			</t-row>
		</introduction>
		<introduction title='打开指定APP'>
			<t-row>
				<t-text>点击进入</t-text>
				<t-link url="market://details?id=com.tencent.mm'">《应用市场》</t-link>
				<t-text>打开APP</t-text>
			</t-row>
		</introduction>
		<introduction title='打开地图坐标'>
			<t-row>
				<t-text>点击进入</t-text>
				<t-link
					url='androidamap://viewMap?sourceApplication=Hello%20uni-app&poiname=DCloud&lat=39.9631018208&lon=116.3406135236&dev=0'>《地图》</t-link>
				<t-text>APP</t-text>
			</t-row>
		</introduction>
		<!-- #endif -->
		<!-- #ifdef WEB -->
		<introduction title='WEB端打开小程序'>
			<t-row>
				<t-text>点击进入</t-text>
				<t-link :url="mpUrl">《服务公社》</t-link>
				<t-text>小程序</t-text>
			</t-row>
		</introduction>
		<!-- #endif -->
		<introduction title='WEB端跳转URL'>
			<t-link url='https://doc.dcloud.net.cn/uni-app-x/'>https://doc.dcloud.net.cn/uni-app-x/</t-link>
		</introduction>
	</t-page>
</template>

<script>
	import { TuiApi } from '@/api/uriApi.uts'
	export default {
		data() {
			return {
				mpUrl: ''
			};
		},
		created() {
			TuiApi('getQueryscheme').then(res => {
				this.mpUrl = res['data'] as string
			})
		},
		methods: {

		}
	}
</script>

Props

名称	描述	类型	默认值
url	链接地址	String	''
type	链接类型	String	'p'

Events

事件名	描述	回调参数
-	-	-

Slots

名称	描述
-	-

Methods

方法名	描述	参数
-	-	-