Vue.js data-bind style backgroundImage not working

Question

I\'m trying to bind the src of an image in an element, but it doesn\'t seem to work. I\'m getting an \"Invalid expression. Generated function body: { backgroundImage:{ url(

Answer 1

I tried @david answer, and it didn't fix my issue. after a lot of hassle, I made a method and return the image with style string.

HTML Code

Method

bannerBgImage(image){
    return 'background-image: url("' + image + '")';
},