小程序页面的文字如何复制 小程序里面的文字怎么复制

博主:xiaoweixiaowei 2022-12-18 条评论

复制小程序页面文字的方法:

方法一:将文本放在<text></text>标签中,设置text标签的属性selectable的值为true,通过手机对文本的复制功能实现复制。

<text selectable='true'>{{item.bookCode}}</text>

方法二:通过小程序提供了设置剪切板内容的API复制和粘贴功能来实现。

wxml代码:

<button bindlongpress ='copy' data-copy='{{value}}'>{{value}}</button>

js代码:

Page({

    data: {

        value:"这是要复制的内容!",

    },

   /**

    * 长按复制图书编码

    */

  copy:function(e){

    var code = e.currentTarget.dataset.copy;

    wx.setClipboardData({

      data: code,

      success: function (res) {

        wx.showToast({

          title: '复制成功',

        });

      },

      fail:function(res){

        wx.showToast({

          title: '复制失败',

        });

      }

    })

  },

The End

发布于:2022-12-18,除非注明,否则均为 主机评测原创文章,转载请注明出处。