复制粘贴功能:
input 元素不能设置 disabled 或者
display:none
,否则复制功能将不起作用。
IOS 系统部分版本的微信浏览器不支持document.execCommand()
。
<input ref="cloneInpRef" :value="adoptSerialNum" style="opacity:0;"/>
<button @click="handleClone">复制</button>
handleClone(){
// 选择对象
this.$refs.cloneInpRef.select();
// 执行浏览器复制命令
if(document.execCommand("Copy")){
alert('复制成功!')
}else{
alert('您的系统不支持此复制功能!')
}
}
打印功能:
使用 window.print()
方法。
- 首先将要打印的内容保存到 newContont,将整个页面内容保存到 oldContont。
- 然后将 newContont 赋值给
document.body.innerHTML
,调用window.print()方法
进行打印。 - 最后将 oldConton t赋值给
document.body.innerHTML
还原即可。