title: Background image-set() doesn't work with Vue's v-bind:style
body: <p>I am currently using Vue's <code>v-bind:style</code> to set the background of a div. This works fine. However, I am now trying to use background in combination with <code>image-set()</code>. Where a regular background-image is shown, the <code>image-set()</code> as a value returns nothing at all.</p>
  <p>I made a very simple copy on <a href="https://jsbin.com/qaqavuhade/edit?html,js,console,output" rel="nofollow noreferrer">JSbin</a> which suprisingly works, which makes me clueless. Because whenever I try this local, no images are shown. I also don't get any errors or warnings in the console or by Grunt.</p>
  <p>A very simplified version of the code is:</p>
  <pre><code>new Vue({
  el: &quot;#app&quot;,
  data: { },
  methods: {
    bg: function () { 
      /* Test image, is dynamic in code */
      var url = &quot;https://picsum.photos/200/200.webp&quot;;
      var bg;
      /* This background works locally */
      bg = &quot;background-image: url('&quot;+ url +&quot;');&quot;;
      /* This doesn't work locally */
      bg = &quot;background-image:-webkit-image-set(url('&quot;+ url +&quot;')2x,url('&quot;+ url +&quot;')2x);background-image:image-set(url('&quot;+ url +&quot;')2x,url('&quot;+ url +&quot;')2x);&quot;; 
      return bg;
    }
   }
  </code></pre>
  <p>});</p>
  <p>The HTML looks like this:</p>
  <pre><code>&lt;div id=&quot;app&quot;&gt;
    &lt;div class=&quot;test&quot;  v-bind:style=&quot;bg()&quot;&gt;&lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  <p>I am very new to Vue and I'd understand it's hard to debug a working code (since the JSBin is working). But perhaps the more experienced people here have an idea in what direction I could look.</p>