vue中实现复制、粘贴功能(基于vue-clipboard2插件)

2401_84150165

于 2024-05-14 16:48:08 发布

阅读量174

点赞数 2

分类专栏：程序员文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/2401_84150165/article/details/138861065

版权

程序员专栏收录该内容

201 篇文章 0 订阅

订阅专栏

npm install --save vue-clipboard2




2.  文件中引入，在main下面全局引入

import Vue from ‘vue’

import VueClipboard from ‘vue-clipboard2’

Vue.use(VueClipboard)




3.  使用

                <div class="box">

                    <div class="text">

                        {{ text}}

                    </div>

                    <button 

                        v-clipboard:copy="text"

                        v-clipboard:success="onCopy"

                        v-clipboard:error="onError"

                    >

                        复制

                    </button>

                </div>