Vue实现复制到粘帖板功能
1. 安装vue-clipboardnpm install --save vue-clipboard22.main.js引入import VueClipboards from 'vue-clipboards2'Vue.use(VueClipboards);3.案例<template><div class="yeluosen"&g
·
1. 安装vue-clipboard
npm install --save vue-clipboard2
2.main.js引入
import VueClipboards from 'vue-clipboards2'
Vue.use(VueClipboards);
3.案例
<template>
<div class="yeluosen">
<input type="text" v-model="message">
<button type="button"
v-clipboard:copy="message"
v-clipboard:success="onCopy"
v-clipboard:error="onError">复制</button>
</div>
</template>
<script>
export default {
data () {
return {
message: '这里是复制的内容'
}
},
methods: {
onCopy: function (e) {
console.log('复制成功!')
},
onError: function (e) {
console.log('复制失败!')
}
}
}
</script>
更多推荐
已为社区贡献51条内容
所有评论(0)