最近在開發小程序項目里遇到一個小難題-----一鍵復制
在網頁開發里 我們可以引用大牛封裝好的復制插件,比如無flash插件clipboard.js適用移動端,pc端-------
言歸正裝,打開微信開發文檔打開-APi即可查詢到:


第一個是設置要復制的內容到剪切板,第二個是獲取剪切板的內容,我們要用到的是第一個設置剪切板內容:
1.
<text class="tblin_items_txt" selectable="true">{{detail.taokouling||''}}</text> <!-- 復制的對象-->
<view class="tblin_items_btn" bindtap="copyTBL">一鍵復制</view><!-- 復制操作 -->
2.js:
copyTBL:function(e){
var self=this;
wx.setClipboardData({
data: self.data.taokouling,
success: function(res) {
// self.setData({copyTip:true}),
wx.showModal({
title: '提示',
content: '復制成功',
success: function(res) {
if (res.confirm) {
console.log('確定')
} else if (res.cancel) {
console.log('取消')
}
}
})
}
});
}
data里我這邊是設置成接口給的數據然后賦值到這里,只要我們點擊復制按鈕即可將你要的內容復制到剪切板,從而達到復制效果。
或者也可以在復制的對象里設置參數。將參數對應值傳到js復制指令的data里即可。
以上所述是小編給大家介紹的微信小程序一鍵復制到剪切板詳解整合,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。