<div id="app">
<div v-bind:style="styleObject">样式绑定到一个对象</div>
</div>
<script>
new Vue({
el: '#app',
data: {
styleObject: {
color: 'green',
fontSize: '30px'
}
}
})
Vue 将样式绑定到一个对象让模板更清晰
转载Vue 将样式绑定到一个对象让模板更清晰
本文章为转载内容,我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题,欢迎原作者联系我们进行内容更正或删除文章。
上一篇:网络数据传输需要注意的两个问题
下一篇:Vue 内联样式的数据绑定
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
一个简洁、干净的中后台管理模板
nova-admin —— 一个基于Vue3、Vite5、Typescript、Naive UI, 简洁干净后台管理模板。
后台管理 后台管理模板 vue node.js npm -
[vue] Vue绑定class样式
1. class样式写法:class=“xxx” xxx可以是字符串、对象、
vue.js Vue 数组 字符串 -
vue09-class对象样式绑定
首先看代码<!DOCTYPE html><html lang=en><head> <meta charset="utf-8" /> <title>Hello world</title> <script src="vue.js">&l
vue class对象绑定样式 html click事件 vue.js