clipboard.js--实现点击复制文本内容

韩琛
2023-12-01

clipboard.js中文网址
clipboard.js英文网址

我在Vue项目中

安装

npm install clipboard --save

src/main.js

import Clipboard from 'clipboard'
new ClipboardJS('[data-clipboard-text]')

某一个组件里index.vue

<template>
	<section>
		<content-input
		    class="copyBtn"
		    :data-clipboard-text="'百家保服'"
		    @click.native="copyText"
		    v-model="setting.dataSource.layer_success4.layerBtn"
		 ></content-input>
	<section>
</template>

<script>
import Clipboard from 'clipboard'
export default {
	methods: {
		copyText() {
	      var clipboard = new Clipboard('.copyBtn')
	      clipboard.on('success', (e) => {
	        // 复制成功后的操作  点击后复制 百家保服 然后打开微信客户端
	        window.location.href = 'weixin://'
	      })
	    }
	}
}
</script>

文档里介绍得很详细,可以看看文档

 类似资料: