Vue 动态绑定样式(v-bind:style) 中对带划线(-)的属性赋值
2020-06-06 07:15
197 查看
有时在项目中需要给动态绑定style中的一些带划线( - )的属性进行赋值,这时因为字符的原因会出现编译错误
错误示范:
[code]<view class="statusBar" :style="{margin-top: statusBarHeight}"></view>
正确示范:
[code]<view class="statusBar" :style="{marginTop: statusBarHeight}"></view>
statusBarHeight为Vue实例中data的变量
转载于vue 用 :style动态修改带中划线的样式属性 - Ada_Blog - 博客园
感谢Ada_Blog
相关文章推荐
- Vue中通过属性绑定为元素绑定style行内样式
- vue样式(style)和属性(class)绑定的几种基本方法
- vue学习八--通过属性绑定为元素设置style内联样式
- Vue条件循环判断+计算属性+绑定样式v-bind的实例
- vue基础之v-bind属性、class和style用法分析
- vue动态写行内样式style的background属性
- Vue条件循环判断+计算属性+绑定样式v-bind
- vue 的 :style 动态绑定样式
- vue教程1-06 v-bind属性、class和style
- Vue用v-bind给标签属性赋值 src, href...
- Vue中通过属性绑定为元素绑定style行内样式
- Vue入门---属性、style和class绑定方法
- Vue属性绑定v-bind:和双向数据绑定v-model
- XAML组件属性重复使用 资源(Resources)与样式(Style)介绍
- 解决AngularJS使用ng-bind-html会过滤html中style属性的问题
- VUE指令-样式绑定v-bind
- 杂记之通过style样式xml定义规范组件属性
- vue.js学习笔记之绑定style样式和class列表
- Vuejs——(3)计算属性,样式和类绑定
- 理解vue赋值新属性