uniapp组件中，在自定义的组件使用uni-link

UniApp是一个基于Vue.js的框架，用于快速构建跨平台应用，支持iOS、Android、Web等。`uni-link` 是 UniApp 中的一个标签，它允许你在页面上添加链接，使得用户可以跳转到其他页面、模块、甚至外部URL。在自定义组件中使用 `uni-link`，你需要确保以下几个步骤：

1. **引入元素**: 首先，在组件的模板文件 `.vue` 中通过 `<template>` 标签引入 `uni-link` 元素。

<template>
  <view>
    <uni-link v-if="isLinkActive" :href="linkUrl" @click="handleLinkClick"></uni-link>
    <!-- ...其他组件内容 -->
  </view>
</template>

2. **绑定属性**: 设置 `href` 属性为目标链接地址，`v-if` 控制链接是否显示，可以根据需要动态控制。比如你可以设置一个 `isLinkActive` 的布尔值属性来切换链接可见与否。

<uni-link :href="linkUrl" v-if="isLinkActive" @click="handleLinkClick"></uni-link>
<script>
export default {
  data() {
    return {
      linkUrl: '路径/地址',
      isLinkActive: true, // 初始状态为启用
    };
  },
  methods: {
    handleLinkClick(e) {
      e.preventDefault(); // 阻止默认跳转行为
      // 这里可以执行跳转逻辑，如导航到新的页面
    }
  }
};
</script>

3. **处理点击事件**: 如果需要，可以在 `handleLinkClick` 函数中处理跳转逻辑，例如导航到新的页面或执行其他操作。