温馨提示×

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

小新
3997
2021-03-19 10:58:02
栏目: 云计算

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

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

方法一:将文本放在<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: '复制失败',

        });

      }

    })

  },



0