编程 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 相关文章推荐

原生js和jquery实现图片轮播特效

Apr 23 Javascript

Javascript实现飞动广告效果的方法

May 25 Javascript

javascript创建对象、对象继承的实用方式详解

Mar 08 Javascript

Jquery组件easyUi实现选项卡切换示例

Aug 23 Javascript

jquery validate表单验证插件

Sep 06 Javascript

JS中常用的正则表达式

Sep 29 Javascript

jQuery电话号码验证实例

Jan 05 Javascript

微信小程序下拉列表的实现实例代码

Mar 08 Javascript

深入研究React中setState源码

Nov 17 Javascript

windows下更新npm和node的方法

Nov 30 Javascript

JavaScript设计模式之代理模式简单实例教程

Jul 03 Javascript

vue-router中hash模式与history模式的区别

Jun 23 Vue.js

解决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

You might like

简化php模板页面中分页代码的解析

2009/02/06 PHP

简单的移动设备检测PHP脚本代码

2011/02/19 PHP

PHP函数之error_reporting(E_ALL ^ E_NOTICE)详细说明

2011/07/01 PHP

利用PHP实现短域名互转

2013/07/05 PHP

php var_export与var_dump 输出的不同

2013/08/09 PHP

ThinkPHP框架实现session跨域问题的解决方法

2014/07/01 PHP

关于PHP中Session文件过多的问题及session文件保存位置

2016/03/17 PHP

PHP学习记录之数组函数

2018/06/01 PHP

比较详细的javascript对象的property和prototype是什么一种关系

2007/08/06 Javascript

jquery获取input的value问题说明

2010/08/19 Javascript

jQuery 对Select的操作备忘记录

2011/07/04 Javascript

JavaScript对内存分配及管理机制详细解析

2013/11/11 Javascript

Vue概念及常见命令介绍(1)

2016/12/08 Javascript

vue-ajax小封装实例

2017/09/18 Javascript

JS实现合并json对象的方法

2017/10/10 Javascript

webpack打包非模块化js的方法

2018/10/24 Javascript

AngularJS 多指令Scope问题的解决

2018/10/25 Javascript

vue-cli3搭建项目的详细步骤

2018/12/05 Javascript

Angular 2使用路由自定义弹出组件toast操作示例

2019/05/10 Javascript

javascript实现移动端上传图片功能

2020/08/18 Javascript

python调用cmd命令行制作刷博器

2014/01/13 Python

python爬虫入门教程--正则表达式完全指南（五）

2017/05/25 Python

python 中if else 语句的作用及示例代码

2018/03/05 Python

Python实现的生产者、消费者问题完整实例

2018/05/30 Python

Django自带日志 settings.py文件配置方法

2019/08/30 Python

Pycharm中安装wordcloud等库失败问题及终端通过pip安装的Python库如何添加到Pycharm解释器中(推荐)

2020/05/10 Python

Python限制内存和CPU使用量的方法（Unix系统适用）

2020/08/04 Python

python解决OpenCV在读取显示图片的时候闪退的问题

2021/02/23 Python

CSS3制作精致的照片墙特效

2016/06/07 HTML / CSS

澳大利亚拥有最好的家具和家居用品在线目的地：Nestz

2019/02/23 全球购物

Zatchels官网：英国剑桥包品牌

2021/01/12 全球购物

解释一下ruby中的特殊方法与特殊类

2013/02/26 面试题

六月份红领巾广播稿

2014/02/03 职场文书

2015年全国爱眼日活动小结

2015/02/27 职场文书

药品销售内勤岗位职责

2015/04/13 职场文书

大学校园招聘会感想

2015/08/10 职场文书