uni-app - 手机端实现用户长按文本提示选取复制功能， 怎么全局配置，不在每个页面或组建编写重复代码 。代码示例

UniApp 提供了一套统一的框架，可以在多个平台上构建原生应用。如果你想要在所有页面上实现长按文本选择并复制的功能，并避免重复编写相同的代码，你可以通过组件化开发和自定义主题或全局样式来达到目的。

首先，确保你在项目的`uni-app.config.js`文件中开启了全局的Vue组件选项，这允许你在每个组件之外定义共享的行为：

export default {
  // 其他配置...
  component: {
    options: {
      enableDynamicImport: true,
      loadComponent: true
    }
  }
}

然后，你可以创建一个名为`CopyText.vue`的自定义组件，用于处理长按事件和复制功能：

<template>
  <div class="copy-text" @contextmenu.prevent="onContextMenu">
    <slot></slot>
  </div>
</template>

<script>
export default {
  methods: {
    onContextMenu(e) {
      e.preventDefault();
      const text = this.$el.innerText;
      uni.copy(text);
      // 如果需要显示提示信息，可以在这里添加
    },
  }
}
</script>

接下来，在你需要长按复制的地方引入这个组件：

<!-- 使用 CopyText 组件 -->
<view>
  <copy-text>{{ yourText }}</copy-text>
</view>

这样，只要在页面上使用 `<copy-text>` 就能触发长按复制功能，无需在每个页面或组件内单独编写这部分代码。