詳解微信小程序之一鍵復(fù)制到剪切板
最近在開發(fā)小程序項(xiàng)目里遇到一個(gè)小難題-----一鍵復(fù)制
在網(wǎng)頁開發(fā)里 我們可以引用大牛封裝好的復(fù)制插件,比如無flash插件clipboard.js適用移動(dòng)端,pc端-------
言歸正裝,打開微信開發(fā)文檔打開-APi即可查詢到:
第一個(gè)是設(shè)置要復(fù)制的內(nèi)容到剪切板,第二個(gè)是獲取剪切板的內(nèi)容,我們要用到的是第一個(gè)設(shè)置剪切板內(nèi)容:
1.
<text class="tblin_items_txt" selectable="true">{{detail.taokouling||''}}</text> <!-- 復(fù)制的對(duì)象--> <view class="tblin_items_btn" bindtap="copyTBL">一鍵復(fù)制</view><!-- 復(fù)制操作 -->
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: '復(fù)制成功', success: function(res) { if (res.confirm) { console.log('確定') } else if (res.cancel) { console.log('取消') } } }) } }); }
data里我這邊是設(shè)置成接口給的數(shù)據(jù)然后賦值到這里,只要我們點(diǎn)擊復(fù)制按鈕即可將你要的內(nèi)容復(fù)制到剪切板,從而達(dá)到復(fù)制效果。
或者也可以在復(fù)制的對(duì)象里設(shè)置參數(shù)。將參數(shù)對(duì)應(yīng)值傳到j(luò)s復(fù)制指令的data里即可。
以上所述是小編給大家介紹的微信小程序一鍵復(fù)制到剪切板詳解整合,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
js實(shí)現(xiàn)鼠標(biāo)滾輪控制圖片縮放效果的方法
這篇文章主要介紹了js實(shí)現(xiàn)鼠標(biāo)滾輪控制圖片縮放效果的方法,涉及onmousewheel事件及javascript操作圖片的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02javascript圓盤抽獎(jiǎng)程序?qū)崿F(xiàn)原理和完整代碼例子
這篇文章主要介紹了javascript圓盤抽獎(jiǎng)程序?qū)崿F(xiàn)原理和完整代碼例子,需要的朋友可以參考下2014-06-06基于JavaScript實(shí)現(xiàn)文字超出部分隱藏
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)文字超出部分隱藏 的相關(guān)資料,需要的朋友可以參考下2016-02-02webpack項(xiàng)目輕松混用css module的方法
這篇文章主要介紹了webpack項(xiàng)目輕松混用css module的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-06-06laydate 顯示結(jié)束時(shí)間不小于開始時(shí)間的實(shí)例
下面小編就為大家?guī)硪黄猯aydate 顯示結(jié)束時(shí)間不小于開始時(shí)間的實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08