vue点击按钮复制链接地址
1. 安装插件:cnpm install vue-clipboard2 --save2. 在main.js里面引入:import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)3. 在主页面使用:<section class="form"><span class=...
·
1. 安装插件:
cnpm install vue-clipboard2 --save
2. 在main.js里面引入:
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)
3. 在主页面使用:
<section class="form">
<span class="url">链接地址</span>
<button v-clipboard:copy="链接地址"
v-clipboard:success="onCopy"
v-clipboard:error="onError">
复制链接
</button>
</section>
methods: {
onCopy () {
this.$message({
message: `复制成功!`,
type: 'success'
});
this.snackBar.info(this.$t('prompt.copySuccess'))
},
onError () {
this.$message.error(this.$t('prompt.copyFail'))
}
}
效果如下:
更多推荐
已为社区贡献3条内容
所有评论(0)