vue 复制内容
Posted 安果移不动
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 复制内容相关的知识,希望对你有一定的参考价值。
yarn add vue
mian.js中设置
//复制
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)
控件上面使用
<el-button type="button" v-if="!down_app_url" class="fs12"
v-clipboard:copy="'下载地址:'+down_app_url"
v-clipboard:success="onCopySuccess"
v-clipboard:error="onCopyError">复制下载地址
</el-button>
onCopySuccess()
this.$message.success("复制成功")
,
onCopyError()
this.$message.error("复制失败")
,
javascript中使用
this.$copyText(`地址:$this.detail.address\\n收件人: $this.detail.name\\n电话:$this.detail.phone`).then(
res =>
console.log(res)
this.$toast("已成功复制,可直接去粘贴");
,
err =>
this.$toast("复制失败");
)
以上是关于vue 复制内容的主要内容,如果未能解决你的问题,请参考以下文章