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


Posted in Javascript onAugust 04, 2020

style动态赋值

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

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

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

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

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

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

Javascript 相关文章推荐
jQuery html()等方法介绍
Nov 18 Javascript
JavaScript 构造函数 面相对象学习必备知识
Jun 09 Javascript
Jquery图形报表插件 jqplot简介及参数详解
Oct 10 Javascript
Javascript中的默认参数详解
Oct 22 Javascript
node.js中的fs.futimesSync方法使用说明
Dec 17 Javascript
详解Angular的8个主要构造块
Jun 20 Javascript
在HTML文档中嵌入JavaScript的四种方法
May 07 Javascript
浅谈Angular 观察者模式理解
Nov 01 Javascript
Vue 组件注册实例详解
Feb 23 Javascript
layui 富文本赋值,取值,取纯文本值的实例
Sep 18 Javascript
微信小程序scroll-view的滚动条设置实现
Mar 02 Javascript
CocosCreator入门教程之网络通信
Apr 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
You might like
php中大括号作用介绍
2012/03/22 PHP
Laravel框架文件上传功能实现方法示例
2019/04/16 PHP
javascript dom 操作详解 js加强
2009/07/13 Javascript
Javascript 复制数组实现代码
2009/11/26 Javascript
监控 url fragment变化的js代码
2010/04/19 Javascript
jquery实现checkbox全选全不选的简单实例
2013/12/31 Javascript
JavaScript实现在页面间传值的方法
2015/04/07 Javascript
JAVA四种基本排序方法实例总结
2015/07/24 Javascript
JavaScript面向对象编写购物车功能
2016/08/19 Javascript
微信小程序 使用canvas制作K线实例详解
2017/01/12 Javascript
从零学习node.js之express入门(六)
2017/02/25 Javascript
vue.js中指令Directives详解
2017/03/20 Javascript
移动端刮刮乐的实现方式(js+HTML5)
2017/03/23 Javascript
JavaScript中双向数据绑定详解
2017/05/03 Javascript
react开发中如何使用require.ensure加载es6风格的组件
2017/05/09 Javascript
bootstrap datepicker插件默认英文修改为中文
2017/07/28 Javascript
vue组件通信传值操作示例
2019/01/08 Javascript
vue19 组建 Vue.extend component、组件模版、动态组件 的实例代码
2019/04/04 Javascript
Python实现队列的方法
2015/05/26 Python
分析用Python脚本关闭文件操作的机制
2015/06/28 Python
分析Python读取文件时的路径问题
2018/02/11 Python
python实现生成字符串大小写字母和数字的各种组合
2019/01/01 Python
零基础使用Python读写处理Excel表格的方法
2019/05/02 Python
PyTorch 中的傅里叶卷积实现示例
2020/12/11 Python
CSS3制作文字半透明倒影效果的两种实现方式
2014/08/08 HTML / CSS
工商企业管理实习自我鉴定
2013/12/04 职场文书
医院实习介绍信
2014/01/12 职场文书
个人自我评价和职业目标
2014/01/24 职场文书
会计专业毕业生自荐书
2014/06/25 职场文书
岗位工作说明书
2014/07/29 职场文书
领导班子奢靡之风查摆问题及整改措施
2014/09/27 职场文书
公安机关纪律作风整顿个人剖析材料材料
2014/10/10 职场文书
就业导师推荐信范文
2015/03/27 职场文书
民间借贷纠纷案件代理词
2015/05/26 职场文书
Kubernetes部署实例并配置Deployment、网络映射、副本集
2022/04/01 Servers
Linux中文件的基本属性介绍
2022/06/01 Servers