Print打印

... 2021-7-29 Less than 1 minute

# Print打印

Tips

2.8.6+

我是测试字段

<el-button type="primary" @click="handlePrint">打印全部</el-button>
<el-button type="primary" @click="handlePrint1">打印局部</el-button>
<el-button type="primary" @click="handlePrint2">打印DOM</el-button>
<div id="test">
  <h2 style="color:red">我是测试字段</h2>
</div>
<script>
export default {
  methods: {
    handlePrint() {
      this.$Print('#app');
    },
    handlePrint1(){
      this.$Print('#test');
    },
    handlePrint2(){
      this.$Print(document.querySelector('.logo'));
    }
  }
}
</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
Expand Copy

# Variables

参数 说明 类型 可选值 默认值
id dom元素的id String - -
html html代码片段 String - -
Last update: March 28, 2022 09:38
Contributors: smallwei
您正在浏览基于 Vue 2.x 的 Avue 文档; 点击这里 查看 Vue 3.x 的升级版本