vue vue-clipboard2(vue复制功能)

Posted 2020-12-09 tanweiwei

安装：

1 npm install --save vue-clipboard2

在main.js中引入

1 import VueClipboard from ‘vue-clipboard2‘;
2 Vue.use(VueClipboard);

例子：

1        <div>
2           <span class="key-box">{{ key }}</span>
3           <el-button class="but"
4             type="primary"
5             size="small"
6             v-clipboard:copy="key"
7             v-clipboard:success="onCopy"
8             v-clipboard:error="onError">复制</el-button>
9         </div>

1    onCopy() {
2       this.$message({
3         message: ‘复制成功‘,
4         type: ‘success‘
5       });
6     },
7     onError() {
8       this.$message.error(‘复制失败‘);
9     }