效果图:
1. 使用npm install --save vue-clipboard2
下载
2. 在项目的main.js中注册全局组件(也可以注册私有组件,根据项目自行判断)
main.js:
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard);
3.使用
<div>
<span>
H5页面链接:{{url}}
<span
style="color:#169BD5;cursor: pointer;margin-left:10px"
v-clipboard:copy="url"
v-clipboard:success="onCopyUrl"
v-clipboard:error="onErrorUrl"
>复制链接</span>
</span>
</div>
onCopyUrl() {
this.$message.success("复制成功!");
},
onErrorUrl() {
this.$message.error("复制失败!");
},