您好,欢迎来到爱go旅游网。
搜索
您的当前位置:首页vue绑定行内样式的写法

vue绑定行内样式的写法

来源:爱go旅游网
vue绑定⾏内样式的写法

vue绑定⾏内样式的写法

第⼀种写法

注意: Style对象的属性与CSS中使⽤的属性⼏乎是⼀⼀对应的,只是包含连接符的属性则被替换为⽆连接符的属性,并且替换后的连击符后的单词第⼀个字母要⼤写,如CSS中的font-size在Style中被替换为fontSize,类似的还有text-align替换为textAlign等等

第⼆种写法

data() { return { styleObj:{

width:'100px', color:'red',

fontSize:'20px' } }}

第三种写法

data() { return {

styleObj1:{

width:'100px', color:'red',

fontSize:'20px' },

styleObj2:{

height:'100px' } }}

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- igat.cn 版权所有 赣ICP备2024042791号-1

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务