vue-clipboard,小程序,js剪切板复制copy

vue

import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)
<button v-clipboard:copy="text" v-clipboard:success="onCopy">复制button>

如果想要复制的内容保留原格式或换行,这里复制的text就要用模板字符串

mp

wx.setClipboardData({
     
      data:``
      })

js

copy(text) {
     
      let ele = document.createElement("input");
      ele.value = text;
      document.getElementById("parent").appendChild(ele);
      ele.select();
      document.execCommand("Copy");
      this.$toast('复制成功');
      document.getElementById("parent").removeChild(ele);
      ele = null;
    },

注意,js剪切板的方式,即使用了模板字符串,也不会保留原格式(换行被解析成很多空格)

你可能感兴趣的:(小程序,剪切板,vue-clipboard,copy复制,copy,复制)