vue行内样式绑定写法 :style
程序员文章站
2022-03-03 09:16:53
...
:style vue行内样式绑定写法 :style
-
:style="{'visibility': isAppFlag?'hidden':'visible'}" //单个 :style="{'visibility': isAppFlag?'hidden':'visible','color': isAppFlag?'red':'blue'}" //多个
-
:style="{'font-size':answerSize}" //单个样式 answerSize=14px :style="{'font-size':answerSize,'color':basecolor}" //多个样式 basecolor == 'red'
-
:class="{'chooseStyle':indexs==styleFlag}" // indexs==styleFlag 为表达式为true或者false 也可直接写true或者false
做记录。
上一篇: Vue.js常用指令大全
下一篇: vue路由的四种跳转方式