溫馨提示×

小程序頁面的文字如何復制

小新
4172
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
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女