vue3-print-nb中extracss使用
时间: 2023-10-14 07:18:25 浏览: 304
vue-print-nb 兼容低版本浏览器
在 Vue3-Print-NB 中,可以使用 `extracss` 属性来添加额外的 CSS 样式。可以将其设置为一个 CSS 字符串或一个 CSS 文件的 URL 地址。这个属性可以用于添加打印页面的样式,使其与原始页面不同。
使用字符串:
```html
<vue-print-nb :extracss="'body { background-color: yellow; }'">
<h1>Hello, world!</h1>
<p>This is a test page.</p>
</vue-print-nb>
```
使用 URL:
```html
<vue-print-nb :extracss="'https://example.com/custom-print-styles.css'">
<h1>Hello, world!</h1>
<p>This is a test page.</p>
</vue-print-nb>
```
注意事项:
- 如果使用 URL,Vue-Print-NB 会自动从该 URL 中加载 CSS 文件。
- 如果使用字符串,可以添加任何有效的 CSS 样式。
阅读全文