万能H5复制粘贴
copy(data){
let url = data
let oInput = document.createElement('textArea')
oInput.value = url
document.body.appendChild(oInput)
oInput.select()
console.log(oInput.value)
document.execCommand('Copy')
this.$message.success('复制成功')
oInput.remove()
}
新方法
npm install --save vue-clipboard2
main.js引入
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)
<input type="text" id="share" v-model="share" class="hide">
<button
v-clipboard:copy="share" //复制的内容
v-clipboard:success="onCopy" // 复制成功的回调
v-clipboard:error="onError"
>复制分享链接</button>
// 点击复制分享链接
onCopy(e) {
this.$toast("复制成功");
},
onError(e) {
this.$toast("复制失败");
}