为什么 Vue 剥离了这一组件中的样式属性答案

【问题标题】：Why is Vue stripping the style attribute in this one component为什么 Vue 剥离了这一组件中的样式属性
【发布时间】：2019-04-25 10:18:17
【问题描述】：

我有一个 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;

这是渲染的输出...

【问题讨论】：

标签： vue.js

【解决方案1】：

好的，找到了。我正在测试的样式规则 top:500 需要 'px' 才有效。所以是浏览器剥离了它，而不是 Vue？这个故事可能还有更多内容，因为相同的代码在另一个页面上也可以正常工作，但是添加“px”已经解决了它。

【讨论】：