Javascript 是否在Vuejs上打印组件背景色？

在使用Vue.js设计的组件上打印背景时遇到问题

我的JS小提琴可以在以下位置找到：

我的HTML看起来像：

  <div id="bocks" v-bind:style="{backgroundColor: bgcol}">
  </div>

背景样式按预期工作。默认颜色应该是红色，这是加载页面时的外观。但是，当您在Chrome上打印屏幕时，背景色为白色

---

我明白如果我将背景色设置为

！重要信息

，然后它将显示在打印屏幕上。但是，如果我想多次更改颜色，例如在

changec

函数中，这会成为一个问题

这不是与[Vue.js]相关的问题。
您不应该强制在浏览器中打印背景色和图像

---

但是，这里有一种方法可以修复它，我不推荐这种方法

.foo{
宽度：200px；
高度：200px；
背景：红色；
-webkit打印颜色调整：精确；
}