vue中通过v-bind绑定style属性
1，直接在元素标签上通过:style形式书写样式对象
这是一个h1标签
【vue中通过v-bind绑定style属性】2，将样式对象定义到
data中，并直接引用到:style中注意：对象属性名如果类似于font-weight带短横线的要用单引号
这是一个h1标签
var vm=new Vue({
el:"#app",
data:{
styleobj1:{color:'red','font-weight':'200'}
}
})
3,在
:style中通过数组引用多个data上的样式对象这是一个h1标签
var vm=new Vue({
el:"#app",
data:{
styleobj1:{color:'red','font-weight':'200'},
styleobj2:{'background-Color':'orange'}
}
})
推荐阅读
- 热闹中的孤独
- Shell-Bash变量与运算符
- JS中的各种宽高度定义及其应用
- 2021-02-17|2021-02-17 小儿按摩膻中穴-舒缓咳嗽
- 深入理解Go之generate
- 异地恋中，逐渐适应一个人到底意味着什么（）
- vue-cli|vue-cli 3.x vue.config.js 配置
- 我眼中的佛系经纪人
- 《魔法科高中的劣等生》第26卷（Invasion篇）发售
- “成长”读书社群招募