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

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