编程 Javascript

vue 实现根据data中的属性值来设置不同的样式

Posted in Javascript onAugust 04, 2020

style动态赋值

margin-top的值根据choosePaperFlag的值来设置利用三元表达式

补充知识：vue 条件判断绑定内联样式

当需要判断条件来绑定内联样式时可以三元运算符判断，然后绑定一个对象

:style="!areaCode || !phoneNumber || !receivedCode || !verification
? '{backgruond:#ccc}' : $store.state.store.config.background"

以上这篇vue 实现根据data中的属性值来设置不同的样式就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

vue 实现根据data中的属性值来设置不同的样式

- Author -

小企鹅_

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript 获取url参数和script标签中获取url参数函数代码

Jan 22 Javascript

jQuery实现id模糊查询的小例子

Mar 19 Javascript

jquery为页面增加快捷键示例

Jan 31 Javascript

javascript实现九宫格相加数值相等

May 28 Javascript

微信小程序教程系列之视图层的条件渲染（10）

Apr 19 Javascript

详解webpack 多入口配置

Jun 16 Javascript

微信小程序中添加客服按钮contact-button功能

Apr 27 Javascript

浅谈super-vuex使用体验

Jun 25 Javascript

详解Node.js中path模块的resolve()和join()方法的区别

Oct 29 Javascript

Vue Router中应用中间件的方法

Aug 06 Javascript

详解vue v-model

Aug 31 Javascript

JS绘图Flot应用图形绘制异常解决方案

Oct 16 Javascript

解决Vue中使用keepAlive不缓存问题

Aug 04 #Javascript

vue根据条件不同显示不同按钮的操作

Aug 04 #Javascript

如何在Vue.JS中使用图标组件

Aug 04 #Javascript

如何构建 vue-ssr 项目的方法步骤

Aug 04 #Javascript

vue-quill-editor的使用及个性化定制操作

Aug 04 #Javascript

vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作

Aug 03 #Javascript

浅谈vue中get请求解决传输数据是数组格式的问题

Aug 03 #Javascript