为了账号安全,请及时绑定邮箱和手机立即绑定

如何给最外层id=app的div添加背景颜色??

我按照老师演示的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 回答

您好,欢迎关注,

有多种做法,楼上同学的方法也是可行的,不过不方便阅读与修改,建议使用class进行样式的管理。


首先,Class与Style绑定中,Style的绑定要使用驼峰写法。

如:

:style="backgroundColor: red"

其次,在App.vue组件中,可以对组件加入样式,写在<style lang="scss">// 样式写在这里</style>

0 回复 有任何疑惑可以回复我~
#1

加油加油努力学习呀 提问者

老师,style标签里面的 lang="scss"又是啥意思?
2019-03-06 回复 有任何疑惑可以回复我~
#2

Brian 回复 加油加油努力学习呀 提问者

代表的是预编译的语言类型,Sass(Scss)
2019-03-25 回复 有任何疑惑可以回复我~

去掉style前面的冒号(:),直接赋值即可

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

如何给最外层id=app的div添加背景颜色??

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信