Vue为什么要剥离这一组件中的style属性

时间:2019-04-25 10:18:17

标签: vue.js

我有一个Vue组件,其中组件模板中任何标签上的任何样式属性都从呈现的输出中剥离。 Vue 2.6。没有构建步骤。组件模板在js模板字符串中定义。无论是绑定样式还是静态样式,都会删除样式。相邻组件上的样式属性呈现得很好。我的风格有no carriage returns。这对任何人有什么建议吗?

这是我组件的开始...

Vue.component("justif-choice", {
    template: `
<div style="top:500">
qsdfqdf
</div>
    `,
...

这是调用我的组件的行...

        <xsl:text disable-output-escaping="yes">
          &lt;justif-choice ref="justifChoice" &gt;&lt;/justif-choice&gt;

这是渲染的输出... enter image description here

1 个答案:

答案 0 :(得分:0)

确定。我正在测试的样式规则top:500,需要有效的“ px”。因此,是浏览器剥离了它,不是Vue?这个故事可能还有更多,因为相同的代码可以在另一页上正常工作,但是添加“ px”可以解决此问题。