利用print.js + el-tree 动态修改打印字段(支持

<!-- 全选按钮 -->

        <el-checkbox v-model="checkAll" @change="handleCheckAllChange"

          >全选</el-checkbox

        >

        <!-- 字段组成的树 -->

        <el-tree

          :data="treePrintData"

          ref="treePrintData"

          show-checkbox

          default-expand-all

          node-key="id"

          :props="defaultProps"

        >

        </el-tree>

   handleCheckAllChange(val) {

      if (this.checkAll) {

        // 全选

        this.$refs.treePrintData.setCheckedNodes(this.treePrintData);

      } else {

        // 反全选

        this.$refs.treePrintData.setCheckedKeys([]);

      }

    },

 点击提交的时候，获取到所有的选中的叶子节点

submitPrintData() {

      // 只获取叶子节点的的id值

      let checkedArr = this.$refs.treePrintData.getCheckedNodes(true);

      console.log("checkedArr", checkedArr);

      // 调用接口获取打印数据

      this.viewOrderDetail(this.multipleSelection[0], true, checkedArr);

    },

 设置非打印区的两种方法

指定不打印区域

方法一. 添加no-print样式类

1<divclass="no-print">不要打印我</div>

方法二. 自定义类名

Print('#Dom',{'no-print':'.do-not-print-me-xxx'});

<divclass="do-not-print-me-xxx">不要打印我</div>