vue组件页面怎样设置背景颜色？

Question

当前组件页面是/test页面 我想给这个整个页面设置背景颜色 可是发现设置不了 这是为什么？{      path: '/test',       name: 'Test',       component: Test }<template>    <div class="txt">        <span>aaa</span>    </div></template><script>export default {  name: 'Test',  }</script><style scoped>body{width: 100%;height: 100%;position: relative;background-color: #ccc}</style>

Answer 1

注意这里的scoped

<style scoped></style>

上述scoped表示此CSS作用范围，只对当前域有效，你这里的html节点没有body，当然就不生效了。

可以参考这个菜鸟教程style scoped

如果一定需要修改body的样式。推荐在根节点所在目录添加样式，或在项目入口index.js中import main.css外部引用