vue点击分享朋友圈

1. https://blog.csdn.net/Genius_cxx/article/details/102902134   系统的http://www.manongjc.com/detail/6-oeyqdqzynbqvyuf.html
2. npm i vue-clipboard2 -s
3. 2.main.js中引入

        import VueClipboard from '

        vue-clipboard2' Vue.use(VueClipboard)

<input type="text" v-model="message">
<button type="button"
v-clipboard:copy="message"
v-clipboard:success="onCopy"
v-clipboard:error="onError">点击复制</button>

 

new Vue({
data: function () {
return {
message: '链接／邀请码'
}
},
methods: {
onCopy: function (e) {
alert('成功复制: ' + e.text)
},
onError: function (e) {
alert('复制失败')
}
}
})