2022
我们一起努力

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

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

方法一:将文本放在<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)
文章名称:《小程序页面的文字如何复制》
文章链接:https://www.fzvps.com/69746.html
本站文章来源于互联网,如有侵权,请联系管理删除,本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。
图片版权归属各自创作者所有,图片水印出于防止被无耻之徒盗取劳动成果的目的。

评论 抢沙发

评论前必须登录!