代码运行后不显示
来源：2-4 style样式绑定
本人纯属虚构5444055
2023-07-14 16:25:45
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="app">
<p :style="{fontSize:fs backgroundColor:bgc}">明月几时有</p>
</div>
<script src="./lib/vue.js"></script>
<script>
const app={
data(){
return{
fs:'20px',
bgc:'orange'
}
}
}
Vue.createApp(app).mount('#app');
</script>
</body>
</html>运行后什么都不显示
相关截图：
写回答
1回答
-
好帮手慕小尤
2023-07-14
同学你好，在style中同学少些了一个逗号，建议同学添加上，然后重新测试试一下。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div id="app"> <p :style="{fontSize:fs,backgroundColor:bgc}">明月几时有</p> </div> <script src="./lib/vue.js"></script> <script> const app={ data(){ return{ fs:'20px', bgc:'orange' } } } Vue.createApp(app).mount('#app'); </script> </body> </html>祝学习愉快！
0
相似问题