利用 Vue 技术支持对页面中的文本进行复制操作
发布时间
阅读量：
阅读量
1. 需求说明
在实际开发过程中，用户经常需要通过点击按钮的方式将某段文本内容进行复制操作，这一功能在Vue项目中较为常见。为了实现该功能，通常需要依赖于 vue-clipboard2 这一第三方插件的支持。
2. 代码实现
首先需执行依赖安装操作，具体命令为：npm i vue-clipboard2 --save
随后，在 main.js 文件中对所安装的插件进行全局注册，相关代码示例如下：
import Vue from 'vue'
import VueClipBoard from 'vue-clipboard2'
Vue.use(VueClipBoard)
new Vue({
render: h => h(App)
}).$mount('#app')
在组件内部存在两种途径能够达成复制功能的实现。
途径一：
借助 vue-clipboard2 所提供的指令进行操作
<template>
<div>
<el-button全部评论 (0)
还没有任何评论哟~