bind的深入学习之动态绑定style（数组）

最新推荐文章于 2024-11-02 15:22:06 发布

我心向阳.

最新推荐文章于 2024-11-02 15:22:06 发布

阅读量132

点赞数

文章标签：学习 vue.js

本文链接：https://blog.csdn.net/Mr_xiaoxuboke/article/details/124895484

版权

Vue.js 动态样式 v-bind:style data驱动 CSS绑定

关键词由CSDN通过智能技术生成

说明：类似绑定class，绑定style也是一样的。

代码如下：

                <div id="app">
		           <h2 :style="getstyle">我是中国人</h2>
				</div>
				
				<script src="vue.js"></script>
				<script>
					const app = new Vue({
						el: "#app",
						data(){
							return {
								getstyle:{fontSize:'50px',color:'#f00'}
							}
						}
						
					})
				</script>