html - Vue 正在删除样式属性中的背景图像

Question

出于某种原因，vue 正在删除样式属性和背景图像。这个标签

<section style="background: 
 url(images/banners/profiles/profile-banner-1.png);" class="profile-banner flex items-end md:items-end md:justify-center p-8">

</section>

当我重新加载页面时，背景图像会闪烁，但随后会被删除。

我把我所有的组件都注释掉了，看起来它是 Vue 根实例。

const app = new Vue({
el: '#app',


/*data() {
    return {
        modal: false,
        content_type: ''

    }
},
methods: {
    openModal: function(content_type){
        this.modal = !this.modal;
    }
} */
}); 

奇怪的是它似乎只有 background: url 属性有问题，因为当我使用这样的东西时它工作得很好:

<section style="background: black;" class="profile-banner flex items-end md:items-end md:justify-center p-8">

</section>

我想知道这是不是一个错误，或者 Vue 是否保留了 url？

也许是因为 :url() ？

如果是这样，我该如何避免这种情况？

Answer 1

style 属性不应该有任何换行符。这很好用

<section style="background: url(images/banners/profiles/profile-banner-1.png);" .../>

演示:

1. 工作 ~ http://jsfiddle.net/krz1gvqt/
2. 不工作 ~ http://jsfiddle.net/krz1gvqt/2/