title: Printing component background color on Vuejs?
body: <p>I am having trouble printing the background on components that have been styled with Vue.js. </p>
  
  <p>My JS Fiddle can be found at: <a href="https://jsfiddle.net/9Lwekx4g/" rel="nofollow noreferrer">https://jsfiddle.net/9Lwekx4g/</a></p>
  
  <p>My HTML looks like:</p>
  
  <pre><code>  &lt;div id="bocks" v-bind:style="{backgroundColor: bgcol}"&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>The background style works as intended. The default color is supposed to be red, which is how it looks when you load the page. However, when you print screen on Chrome, the background color is white. </p>
  
  <p>I understand that if I set the background color to <code>!important</code> then it would show up on print screen. However, this becomes an issue if I want to change the color multiple times, such as on the <code>changec</code> function. </p>