1. <output id="hzk7v"><pre id="hzk7v"><address id="hzk7v"></address></pre></output>
      <output id="hzk7v"></output>
    2. <nav id="hzk7v"><i id="hzk7v"><em id="hzk7v"></em></i></nav>
    3. <listing id="hzk7v"><delect id="hzk7v"><em id="hzk7v"></em></delect></listing>

      详解微信小程序之一键复制到剪切板

       更新时间£º2019年04月24日 10:03:47   作者£º昌子的前端之路   我要评论

      这篇文章主要介绍了微信小程序一键复制到剪切板£¬文中通过示例代码介绍的非常详细£¬对大家的学习或者工作具有一定的参考学习价值£¬需要的朋友们下面随着小编来一起学习学习吧

      最近在开发小程序项目里遇到一个小难题-----一键复制

      在网页开发里 我们可以引用大牛封装好的复制插件£¬比如无flash插件clipboard.js适用移动端£¬pc端-------

      言归正装£¬打开微信开发文档打开-APi即可查询到£º

       第一个?#24039;?#32622;要复制的内容到剪切板£¬第二个是获取剪切板的内容£¬我们要用到的是第一个设置剪切板内容£º

      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里我这边?#24039;?#32622;成接口给的数据然后赋值到这里£¬只要我们点击复制按钮即可将你要的内容复制到剪切板£¬从而达到复制效果¡£

      或者也可以在复制的对象里设置参数¡£将参数对应值传到js复制指令的data里即可¡£

      以上所述是小编给大家介绍的微信小程序一键复制到剪切板详解整合£¬希望对大家有所帮助£¬如果大家有任?#25105;?#38382;请给我留言£¬小编会及时回复大家的¡£在此也非常感谢大家对脚本之家网站的支持£¡

      相关文章

      最新评论

      3dÊÔ»úºÅÖвÊÍø

        1. <output id="hzk7v"><pre id="hzk7v"><address id="hzk7v"></address></pre></output>
          <output id="hzk7v"></output>
        2. <nav id="hzk7v"><i id="hzk7v"><em id="hzk7v"></em></i></nav>
        3. <listing id="hzk7v"><delect id="hzk7v"><em id="hzk7v"></em></delect></listing>

            1. <output id="hzk7v"><pre id="hzk7v"><address id="hzk7v"></address></pre></output>
              <output id="hzk7v"></output>
            2. <nav id="hzk7v"><i id="hzk7v"><em id="hzk7v"></em></i></nav>
            3. <listing id="hzk7v"><delect id="hzk7v"><em id="hzk7v"></em></delect></listing>