vue-print-nb中extracss使用

在Vue-print-nb中，extracss是一个用于自定义打印页面样式的属性。通过使用extracss，你可以添加额外的CSS样式来修改打印页面的外观。

extracss属性接受一个字符串值，该字符串包含你想要添加的CSS样式。你可以在这个字符串中编写任何有效的CSS代码，例如修改字体、颜色、边距等。

以下是一个示例，展示如何在Vue-print-nb中使用extracss属性：

<template>
  <div>
    <vue-print-nb :extracss="customCSS">
      <!-- 打印内容 -->
    </vue-print-nb>
  </div>
</template>

<script>
export default {
  data() {
    return {
      customCSS: `
        body {
          font-family: Arial, sans-serif;
          color: #333;
        }
        h1 {
          color: blue;
        }
      `
    };
  }
};
</script>

在上面的示例中，我们定义了一个名为customCSS的data属性，它包含了我们想要添加的自定义CSS样式。在这个例子中，我们修改了打印页面的字体和颜色，并将h1元素的颜色设置为蓝色。

请注意，在使用extracss属性时，你需要将CSS代码包装在反引号（`）中，以便正确地定义多行字符串。