vue打印去掉页眉页脚

在Vue中，可以使用CSS的`@media print`媒体查询来隐藏页眉和页脚。以下是一种实现方法：

@media print {
  /* 隐藏页眉 */
  @page {
    margin-top: 0;
  }
  
  /* 隐藏页脚 */
  @page {
    margin-bottom: 0;
  }
}

在Vue中，可以将上述CSS代码添加到全局样式表或组件样式中，以便在打印时隐藏页眉和页脚。

相关问题

vue-print-nb去掉页眉页脚

要去掉vue-print-nb的页眉页脚，可以按照以下步骤进行操作：
1. 在引用[1]中提供的代码中，可以将样式部分的内容复制到你的代码中，并根据需要进行修改。这样做可以去除打印的页眉页脚。
2. 在引用中提供的代码中，你可以将extraHead参数的值设置为空字符串，这样也可以帮助去除页眉页脚。
3. 在引用中提供的代码中，可以将style.innerHTML的值设置为空字符串，这样也可以去除页眉页脚。

vue-print-nb全局去掉页眉页脚

要去掉vue-print-nb全局的页眉和页脚，可以通过以下方法实现：

在使用全局挂载的方式引入vue-print-nb时，可以通过传递配置参数来设置页眉和页脚。具体步骤如下：
1. 在main.js文件中引入vue-print-nb，并将其注册为全局组件或指令。
2. 在使用全局挂载时，传入一个配置对象作为参数，其中的pageHeader和pageFooter属性分别用于设置页眉和页脚。
3. 将这两个属性设置为空字符串即可去掉页眉和页脚。

示例代码如下：

// 1. 全局挂载引入方式
import Vue from 'vue'
import Print from 'vue-print-nb'
Vue.use(Print, {
  pageHeader: '', // 设置页眉为空字符串
  pageFooter: ''  // 设置页脚为空字符串
})

// 或者

// 2. 自定义指令引入方式
import Vue from 'vue'
import Print from 'vue-print-nb'
Vue.directive('print', Print)

这样设置后，使用vue-print-nb打印时就会去掉全局的页眉和页脚。