vue3
npm install --save vue-clipboard3
<button square text="复制" type="success" class="delete-button" @click='clickBtn(value)'/>
<script>
export default{
setup() {
const { toClipboard } = useClipboard()
}
const clickBtn=(value)=>{
//调用复制操作函数
toClipboard('编号: '+ value);
}
return {
clickBtn
}
}
vue2
npm install --save vue-clipboard2
<button type="button" @click="doCopy(value)">复制</button>
doCopy: function (value) {
this.$copyText(value).then(function (e) {
console.log('复制成功',e.text)
}, function (e) {
console.log(err)
console.log('不能复制,复制失败')
})
}
vue3,vue2使用clipboard进行复制
最新推荐文章于 2024-08-20 09:21:05 发布