uni开发微信小程序用text的selectable不是可以进行选中复制文本嘛，但是苹果打开小程序就不行

Question

uni开发微信小程序用text的selectable不是可以进行选中复制文本嘛，但是苹果打开小程序就不行，这个怎么解决

Answer 1

阿里嘎多学长整理AIGC生成，因移动端显示问题导致当前答案未能完全显示，请使用PC端查看更加详细的解答过程

问题解决方案

你遇到的问题是 uni-app 微信小程序中 text 的 selectable 属性在苹果设备上不生效。这个问题是因为微信小程序在苹果设备上有特殊处理，限制了 selectable 属性的作用。

解决方案

你可以尝试以下方法：

1. 使用 bindtap 事件代替 selectable 属性，手动实现选中和复制功能。
2. 使用 wx:selection 属性代替 selectable 属性，微信小程序支持这个属性。
3. 如果以上方法不行，可以尝试使用第三方组件或库，例如 uni-ui 的 u-textarea 组件。

核心代码示例

<text @tap="handleTap" wx:selection="{{true}}" selectable="{{true}}">{{text}}</text>

<script>
  Page({
    data: {
      text: 'Hello World!'
    },
    handleTap() {
      // 手动实现选中和复制功能
      uni.setClipboardData({
        data: this.data.text,
        success: function () {
          console.log('复制成功');
        }
      });
    }
  });
</script>

注意

以上代码仅供参考，具体实现可能需要根据你的需求进行调整。