在当前页面样式引用scoped后,当前页面的样式没有生效,引入如下:
<script>
import workSuggestion from "@/action/leaderCall/district/workSuggestion.js";
export default workSuggestion
</script>
<style scoped >
.box-suggestion .body{padding-top: 21px !important;}
</style>
偶尔听同事说了一句“scoped对无效DOM结构不起作用“点醒了我,是不是因为我把这样式文件放在了引入dom渲染之前导致的呢,而渲染是在workSuggestion.js中进行的,所以我把它放在了js文件之后,发觉生效了?
正确如下:
<script>
import workSuggestion from "@/action/leaderCall/district/workSuggestion.js";
export default workSuggestion
</script>
<style scoped >
.box-suggestion .body{padding-top: 21px !important;}
</style>