时间戳

首页 > 解决方案 > 为什么 Vue 剥离了这一组件中的样式属性

vue.js - 为什么 Vue 剥离了这一组件中的样式属性

问题描述

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

这是我的组件的开始......

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

解决方案

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

推荐阅读