下载插件
创建好vue3项目和添加elementplus后执行如下
npm install --save vue3-clipboard
在main.js引入插件
import VueClipboard from 'vue3-clipboard'
app.use(VueClipboard, {
autoSetContainer: true,
appendToBody: true,
}).mount('#app')
在vue页面中书写
<el-button type="primary" class="copy-msg" @click="handleCopy">复制错误信息</el-button>
//复制错误信息
function handleCopy() {
copyText(dialog.msg, undefined, error => {
if (error) {
ElMessage.warning(`复制失败: ${error} !`)
} else {
ElMessage.success(`复制成功!`)
}
})
}