uniapp写页面打印指定标签内容
时间: 2023-12-07 16:02:34 浏览: 136
要在Uniapp中打印指定标签的内容,可以使用以下步骤:
1. 在HTML中,给需要打印的内容添加一个ID,例如:
```
<div id="print-content">
<!-- 这里是需要打印的内容 -->
</div>
```
2. 在JS中,定义一个打印函数,并使用window.print()函数触发打印:
```
export default {
methods: {
printContent() {
let printContent = document.getElementById('print-content').innerHTML;
let originalContent = document.body.innerHTML;
document.body.innerHTML = printContent;
window.print();
document.body.innerHTML = originalContent;
}
}
}
```
在这个函数中,我们首先获取了需要打印的内容的innerHTML,并将其赋值给document.body.innerHTML,这样就可以在打印时只打印这个部分了。然后使用window.print()函数触发打印。最后,将原本的内容赋值回来,以保证不影响页面的正常显示。
3. 在页面中,添加一个按钮或其他交互元素来调用打印函数:
```
<button @click="printContent">打印</button>
```
这样,当用户点击这个按钮时,就会调用打印函数,只打印指定的内容。
阅读全文