If you bind the following background
styles with v-bind:style
for cross browsers:
background: #fc00ff;
background: -webkit-radial-gradient(circle at top left, #00dbde, #fc00ff);
background: radial-gradient(circle at top left, #00dbde, #fc00ff);
Vue only takes the last line in the style above:
background: radial-gradient(circle at top left, #00dbde, #fc00ff);
Is this intentional or is it a bug?
If it is intentional, then you cannot fall back to background: #fc00ff;
if the browser does not support the CSS gradient?