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 复制内容的主要内容,如果未能解决你的问题,请参考以下文章

vue 复制内容

vue点击按钮复制文本框内容

vue点击复制内容

13.Vue+Element UI实现复制内容

vue复制textarea文本域内容

vue获取剪切板内容_Vue通过clipboard插件实现复制到剪切板功能