vue-print-nb打印宽度

vue-print-nb 是一个 Vue.js 的插件，用于实现页面打印功能。要设置打印的宽度，可以在打印样式表中设置相关的 CSS 属性。

首先，在你的 Vue 组件中，你可以使用以下方式来设置打印样式表：

<template>
  <div>
    <!-- 页面内容 -->
  </div>
</template>

<script>
export default {
  mounted() {
    // 创建打印样式表
    const printStyle = document.createElement('style');
    printStyle.setAttribute('media', 'print');
    printStyle.innerHTML = `
      @page {
        size: 210mm 297mm; /* 设置打印纸张尺寸，单位可以是像素(px)、毫米(mm)、英寸(inch)等 */
        margin: 0; /* 设置页面边距 */
      }
      
      /* 设置打印内容的宽度 */
      .print-content {
        width: 100%; /* 设置宽度为100% */
      }
    `;
    
    // 将打印样式表添加到文档头部
    document.head.appendChild(printStyle);
  }
}
</script>

<style>
/* 页面样式 */
</style>

在上述示例中，`.print-content` 类选择器用来设置打印内容的宽度为100%。你可以根据需要修改它的宽度值。

请确保将这段代码嵌入到你的 Vue 组件中，并根据实际情况进行修改。这样，在使用 vue-print-nb 插件进行页面打印时，打印内容的宽度将按照设置生效。