vue貼り付けコピー機能vue-clipboard 2
1491 ワード
アドレス:https://vue-clipboard2.inndy.tw/
Sample:
Sample2:
注意:ios 10以下は互換性がなく、コピーを貼り付けることができません.
npm install --save vue-clipboard2
import Vue from 'vue'
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)
Sample:
new Vue({
el: '#app',
template: '#t',
data: function () {
return {
message: 'Copy These Text'
}
},
methods: {
onCopy: function (e) {
alert('You just copied: ' + e.text)
},
onError: function (e) {
alert('Failed to copy texts')
}
}
})
Sample2:
new Vue({
el: '#app',
template: '#t',
data: function () {
return {
message: 'Copy These Text'
}
},
methods: {
doCopy: function () {
this.$copyText(this.message).then(function (e) {
alert('Copied')
console.log(e)
}, function (e) {
alert('Can not copy')
console.log(e)
})
}
}
})
注意:ios 10以下は互換性がなく、コピーを貼り付けることができません.