vue css scoped 生成的ID不一致，导致无法定义局部样式，奇怪了 是哪里出问题了。

Question

在我的一个组件里 添加了样式 scoped

<style scoped>
#footer {
    display: none;
}
</style>

渲染结果：
css

<style type="text/css">

#footer[data-v-3b4d1084] {
    display: none;
}
</style>

html

<div data-v-6bfcc333="" id="footer" class="ui container footerBar"> ....</div>

看到没有 data－vID不一样，导致样式无法生效。 问题可能出在哪里呢？之前是没问题的。

Answer 1

检查一下，id="footer" 的模板和 style 是在同一个 .vue 文件中吗。

Answer 2

我也遇到这问题了，楼主解决了吗