如何给最外层id=app的div添加背景颜色？？
来源：2-5 条件渲染、列表渲染、Class与Style绑定
加油加油努力学习呀
2019-03-05 16:17
我按照老师演示的style绑定，给app添加了背景颜色，但是没有效果，请问该如何正确设置其背景色？？
代码如下：
<!DOCTYPE HTML><html xmlns:th="http://www.thymeleaf.org"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Getting Started: Serving Web Content</title> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <!-- import Vue before Element --> <script src="https://unpkg.com/vue/dist/vue.js"></script> <!-- import JavaScript --> <script src="https://unpkg.com/element-ui/lib/index.js"></script> <!-- import vue-resource --> <script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></script></head><body> <!-- hello wzj --> <div id="app" :style="backgroudcolor"> <!-- 获取检索信息的表单 --> </div></body>
backgroudcolor: { backgroundColor: 'red' }
写回答
关注
2回答
-
- Brian
- 2019-03-06 08:44:47
您好，欢迎关注，
有多种做法，楼上同学的方法也是可行的，不过不方便阅读与修改，建议使用class进行样式的管理。
首先，Class与Style绑定中，Style的绑定要使用驼峰写法。
如：
:style="backgroundColor: red"
其次，在App.vue组件中，可以对组件加入样式，写在<style lang="scss">// 样式写在这里</style>
-
- self_improve
- 2019-03-05 19:47:01
去掉style前面的冒号（：），直接赋值即可
3小时速成 Vue2.x 核心技术
带你快速学习最流行的前端框架vue2.x的核心技术
82574 学习 · 489 问题
相似问题