vue行内样式绑定写法 :style

:style vue行内样式绑定写法 :style:style="{'visibility': isAppFlag?'hidden':'visible'}"//单个:style="{'visibility': isAppFlag?'hidden':'visible','color': isAppFlag?'red':'blue'}"//多个:style="{'...

越来越好。

6639人浏览 · 2020-02-17 22:04:17

越来越好。 · 2020-02-17 22:04:17 发布

:style vue行内样式绑定写法 :style

:style="{'visibility': isAppFlag?'hidden':'visible'}"  //单个
:style="{'visibility': isAppFlag?'hidden':'visible','color': isAppFlag?'red':'blue'}"  //多个

:style="{'font-size':answerSize}" //单个样式 
:style="{'font-size':answerSize,'color':basecolor}" //多个样式

:class="{'chooseStyle':indexs==styleFlag}"  //  indexs==styleFlag 为表达式为true或者false 也可直接写true或者false

做记录。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^