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&nbsp;scoped></style>上述scoped表示此CSS作用范围，只对当前域有效，你这里的html节点没有body，当然就不生效了。可以参考这个菜鸟教程style scoped如果一定需要修改body的样式。推荐在根节点所在目录添加样式，或在项目入口index.js中import main.css外部引用