vue中 :style 与 :class 三元运算符使用

vue中 :style 与 :class 三元运算符使用style三元表达式:<p :style="{'color': (checkIndex3==m.txt ? '#3d8cff':'#BBBBBB')}">{{m.txt}}</p>class三元表达式:<i class="iconfont ":class="[isShow=='password'?'icon-ke

小城听风雨

3909人浏览 · 2020-07-28 14:30:15

小城听风雨  ·  2020-07-28 14:30:15 发布

vue中 :style 与 :class 三元运算符使用

style三元表达式:

<p :style="{'color': (checkIndex3==m.txt ? '#3d8cff':'#BBBBBB')}">{{m.txt}}</p>

class三元表达式:

<i class="iconfont "  :class="[isShow=='password'?'icon-kejian':'icon-bukejian']"></i>

# vue.js # css # css3

Vue

Vue社区为您提供最前沿的新闻资讯和知识内容

加入社区

更多推荐

• · Mac 使用vscode 创建vue项目后修改文件提示：权限不足，以超级用户身份重试
• · 基于nodejs+vue云计算的城乡医疗卫生服务系统[程序+论文+开题]-计算机毕业设计
• · ElasticSearch迁移至openGauss

Mac 使用vscode 创建vue项目后修改文件提示：权限不足，以超级用户身份重试

Vue

基于nodejs+vue云计算的城乡医疗卫生服务系统[程序+论文+开题]-计算机毕业设计

Vue

ElasticSearch迁移至openGauss

Vue

欢迎加入社区

取消 确定