复制文本内容（实用环境taro h5）

最新推荐文章于 2024-07-15 14:21:17 发布

垂柳A个人笔记

最新推荐文章于 2024-07-15 14:21:17 发布

阅读量2.5k

点赞数

分类专栏： taro 文章标签： h5复制文本

本文链接：https://blog.csdn.net/SNC8F/article/details/102792892

版权

taro 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

import Clipboard from '../../utils/clipboard.min.js'

  componentDidShow() {
    if (process.env.TARO_ENV === 'h5') {
      this.cliCode()
    }
  }

  cliCode() {
    let clipboard = new Clipboard('#copyCode');
    clipboard.on('success', function (e) {
      Taro.showToast({
        title: '复制成功',
        icon: 'success',
        duration: 2000
      });
    });
    clipboard.on('error', function (e) {
      console.log(e);
      util.showErrorToast('复制失败，请长按复制');
    });
  }

   <View id="copyCode" className="btn btn2" data-clipboard-target="#invitecode" data-clipboard-action="copy">
            <View className="copy">
              <Text>复制</Text>
            </View>
   </View>