关于vue.js:vue项目实现剪切板功能vueclipboard2

36次阅读

共计 354 个字符,预计需要花费 1 分钟才能阅读完成。

办法 / 步骤:

1. 装置 vue-clipboard2 插件

npm install --save vue-clipboard2 

2. 查看配置文件 package.json,查看 vue-clipboard2 是否装置胜利

3. 启动服务 npm run dev

4. main.js 增加

import Vue
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)

5. copy 组件

v-clipboard:copy="message"
v-clipboard:success="onCopy"
v-clipboard:error="onError"

6. 查看成果
点击按钮,弹框显示了 copy 的内容, 后两张图是在微信的输入框中测验刚刚的 copy 是否真的复制到了剪切板中。


注:以上形式:已测过,可用

正文完
 0