标签:board methods 安装 ext npm temp mode text input
1.安装vue-clipboard2
npm install --save-dev vue-clipboard2
2.main.js中添加
import VueClipboard from ‘vue-clipboard2‘ VueClipboard.config.autoSetContainer = true Vue.use(VueClipboard)
3.文件中使用
<template> <div> <input type="text" v-model="copyUrl" /> <button type="button" class="btn" v-clipboard:copy="copyUrl" v-clipboard:success="onCopy" v-clipboard:error="onError"> 复制链接 </button> </div> </template> <script> export default { data() { return { copyUrl:‘http://baidu.com‘ }; }, methods: { onCopy(e) { console.log(复制成功!); }, onError(e) { console.log(复制失败!); } } }; </script>
标签:board methods 安装 ext npm temp mode text input
原文地址:https://www.cnblogs.com/lxz-blogs/p/13572335.html